按钮点击后jQuery对话框点击asp.net mvc 2
问题描述:
我很努力使我的对话框正常工作。弹出式显示已经显示,即使我没有点击按钮?按钮点击后jQuery对话框点击asp.net mvc 2
<script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-ui-1.8.12.custom.min.js"
type="text/javascript"></script>
<link href="../../Content/jquery-ui-1.8.12.custom/css/ui-lightness/jquery-ui-1.8.12.custom.css"
rel="stylesheet" type="text/css" />
<div>
<button id="btnTest">
Go</button>
</div>
<div id="dialog-confirm" title="Hello">
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
Do you want to continue?</p>
</div>
<script type="text/javascript">
$(document).ready(function (event) {
$("#dialog-confirm").hide()
$("#dialog:ui-dialog").dialog("destroy");
$('#btnTest').click(
$(function() {
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-confirm").dialog({
resizable: false,
height: 140,
modal: true,
buttons: {
"Ok":
function() {
alert('ok');
$(this).dialog("close");
}
,
Cancel: function() {
$(this).dialog("close");
}
}
});
})
);
});
</script>
答
您在btnText函数的脚本中有错误。
您有:
$('#btnTest').click($(function() {
它应该是:
$('#btnTest').click(function() {
这里是一个一个的jsfiddle使用它http://jsfiddle.net/VyGuD/3/
你试试我给的答案?似乎修复您发布的代码。 – 2011-05-21 04:06:02