当我点击按钮对话框时,它显示并消失,我厌倦了使用不同的插件和数百个教程,但不知道为什么事情不能正常工作可能因为,我正在使用ASP.Net页面并继承自主页
这是代码,
<asp:Content ID="Content4" ContentPlaceHolderID="cphSubmit" runat="server">
<div id="question" style="display:none; cursor: default">
<h1>Would you like to contine?.</h1>
<input type="button" id="yes" value="Yes" />
<input type="button" id="no" value="No" />
</div>
<input id="test" type="submit" value="Show Dialog" />
<script type="text/javascript" src="/_layouts/1033/jquery.js"></script>
<script type="text/javascript" src="/_layouts/1033/ui.core.js"></script>
<script type="text/javascript" src="/_layouts/1033/jquery-ui-1.7.3.custom.js
"></script>
<script type="text/javascript" src="JS.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#test').click(function() {
$.blockUI({ message: $('#question'), css: { width: '275px' } });
});
$('#yes').click(function() {
// update the block message
$.blockUI({ message: "<h1>Remote call in progress...</h1>" });
$.ajax({
url: 'wait.php',
cache: false,
complete: function() {
// unblock when remote call returns
$.unblockUI();
}
});
});
$('#no').click(function() {
$.unblockUI();
return false;
});
});
</script>
<hr />
</asp:Content>
我从这里下载了一个jquery插件,
答案 0 :(得分:2)
因为您正在使用
<input id="test" type="submit" value="Show Dialog" />
由于哪个对话框消失而导致回发的尝试
<input id="test" type="button" value="Show Dialog" />
答案 1 :(得分:0)
试试这段代码,我希望它会起作用:
$('#your form name').submit(function() {
$.blockUI({ message: $('#question'), css: { width: '275px' } });
});
答案 2 :(得分:0)
您的按钮#test
是一个提交按钮,如果您想查看消息,则需要阻止提交到表单
试
$('#test').click(function(e) {
e.preventDefault();
$.blockUI({ message: $('#question'), css: { width: '275px' } });
});