关于jQuery blockui遮罩不能显示的问题
我写的js的内容$(document).ready(function(){$('#test1234').click(function(){$.blockUI({messa...
我写的js的内容
$(document).ready(function() {
$('#test1234').click(function() {
$.blockUI({ message: "<h1>WAIT 3s ....</h1>"});
});
})
jsp的内容
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link type="text/css" href="<s:url value="/css/publish/tdnet/tdiResult.css"/>" rel="stylesheet" />
<link type="text/css" href="<s:url value="/css/smoothness/jquery-ui-1.7.2.custom.css"/>" rel="stylesheet"/>
<script type="text/javascript" src="<s:url value="/js/jquery.blockUI.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-ui-1.7.2.custom.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.pack.js"/>"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<input id="test1234" value="clickShow" type="submit">
<div id="question" style="cursor: default; display: none;">
<h1>Would you like to contine?.</h1>
<input id="yes" value="Yes" type="button">
<input id="no" value="No" type="button">
</div>
</body>
</html>
但是为什么显示页面后，点击按钮clickShow，页面没有反应，怎么才能实现被遮罩呢，希望大家帮帮忙！！！！ 展开
$(document).ready(function() {
$('#test1234').click(function() {
$.blockUI({ message: "<h1>WAIT 3s ....</h1>"});
});
})
jsp的内容
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link type="text/css" href="<s:url value="/css/publish/tdnet/tdiResult.css"/>" rel="stylesheet" />
<link type="text/css" href="<s:url value="/css/smoothness/jquery-ui-1.7.2.custom.css"/>" rel="stylesheet"/>
<script type="text/javascript" src="<s:url value="/js/jquery.blockUI.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-ui-1.7.2.custom.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.pack.js"/>"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<input id="test1234" value="clickShow" type="submit">
<div id="question" style="cursor: default; display: none;">
<h1>Would you like to contine?.</h1>
<input id="yes" value="Yes" type="button">
<input id="no" value="No" type="button">
</div>
</body>
</html>
但是为什么显示页面后，点击按钮clickShow，页面没有反应，怎么才能实现被遮罩呢，希望大家帮帮忙！！！！ 展开
1个回答
展开全部
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link type="text/css" href="<s:url value="/css/publish/tdnet/tdiResult.css"/>" rel="stylesheet" />
<link type="text/css" href="<s:url value="/css/smoothness/jquery-ui-1.7.2.custom.css"/>" rel="stylesheet"/>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-ui-1.7.2.custom.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery.blockUI.js"/>"></script>
$(document).ready(function() {
$('#test1234').click(function() {
$.blockUI({ message: "<h1>WAIT 3s ....</h1>"});
});
});
</head>
<body>
<input id="test1234" value="clickShow" type="submit">
<div id="question" style="cursor: default; display: none;">
<h1>Would you like to contine?.</h1>
<input id="yes" value="Yes" type="button">
<input id="no" value="No" type="button">
</div>
</body>
</html>
先引用jquery-1.3.2.js 再引用blockui，只引用一个jquery就好
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link type="text/css" href="<s:url value="/css/publish/tdnet/tdiResult.css"/>" rel="stylesheet" />
<link type="text/css" href="<s:url value="/css/smoothness/jquery-ui-1.7.2.custom.css"/>" rel="stylesheet"/>
<script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery-ui-1.7.2.custom.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery.blockUI.js"/>"></script>
$(document).ready(function() {
$('#test1234').click(function() {
$.blockUI({ message: "<h1>WAIT 3s ....</h1>"});
});
});
</head>
<body>
<input id="test1234" value="clickShow" type="submit">
<div id="question" style="cursor: default; display: none;">
<h1>Would you like to contine?.</h1>
<input id="yes" value="Yes" type="button">
<input id="no" value="No" type="button">
</div>
</body>
</html>
先引用jquery-1.3.2.js 再引用blockui，只引用一个jquery就好
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
