[英]Issue with JQuery UI Modal box showing when it shouldn't
因此,有一些内容。 首先,这是位于ASPX页面顶部的Javascript:
<!--//**********************************
// Test modal popup
//********************************** -->
<script type="text/javascript">
//Total out of range dialog
$(function () {
$("#dialog").dialog({
modal: true,
// autoOpen: false,
width: 570,
buttons: {
"Ok": function () { $(this).dialog("close"); },
"Cancel": function () { $(this).dialog("close"); }
}
});
});
</script>
然后,在他的ASPX页面的最底部(相当长...),我有模态部分:
<div id="dialog" title="ATTENTION">
<table style="width:565px; border-spacing:0px; border-collapse:collapse;">
<tr>
<td style="width:65px; ">
<img src="http://someimage" style="height: 120px; width: 80px" />
</td>
<td style="vertical-align:top">
<p>some text</p>
</td>
</tr>
</table>
</div>
</asp:Content>
最后,在后面的代码中,我有这个:
if (!Page.IsPostBack)
{
if (MyServer.Contains("localhost"))
{
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "dlgOutOfRange",
"$(function() {$('#dialog').dialog('open');});", true);
}
现在,我知道所有方法均已通过测试。 但是,即使不希望看到这种模式,它也会显示,并且当我跳过代码时,它会绕过Page.IsPostback,因此它知道它不是回发。 例如,我有一个下拉列表,其中关联了SelectedIndexChange函数。 当我在下拉列表中更改值时,此模式变为可见。 div标签中有我没有做的事情吗? 我尝试添加style =“ Visible:False;” 但这只是使文字不可见。
<script type="text/javascript">
$(document).ready(function () {
$("#dialog").dialog({
modal: true,
width: 570,
buttons: {
"Ok": function () { $(this).dialog("close"); },
"Cancel": function () { $(this).dialog("close"); }
}
});
});
</script>
尝试这个..
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.