0

我想要一个非常基本的 JQuery 对话框，但我不能让它工作。

我使用了网站上的示例，就像我以前一样（并且它有效），但是对于这个特定的项目，对话框的行为很奇怪。这可能是我犯的一个愚蠢的错误，但我找不到它，所以我希望你们能帮帮我。

当我打电话时：

$('#TextOnlyDialog').dialog();

我得到了对话框，但我也得到了里面的整个原始 html 页面（当它应该在它后面时），它后面的所有东西都消失了。

这就是我正在做的事情（不是整个代码，而是基本结构）：

<link type="text/css" href="Extras/css/smoothness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
<script type="text/javascript" src="Extras/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="Extras/js/jquery-ui-1.8.23.custom.min.js"></script>
<script type="text/javascript">
    function Initialize() {
        $('#TextOnlyDialog').dialog();
    }
</script>
<body onload="Initialize();">
 <form id="MainForm" runat="server">
<asp:ScriptManager ID="PageScriptManager" runat="server" />
<asp:UpdatePanel ID="PageUpdatePanel" runat="server">
    <ContentTemplate>
        <div id="TextOnlyDialog" title="Dialog Title">
    </ContentTemplate>
</asp:UpdatePanel>
</form>
</body>

谢谢！！

4

1 回答 1

1

首先，你没有关闭</div>你的对话

应该：

<div id="TextOnlyDialog" title="Dialog Title"></div>

其次，您是否尝试过将其从 html 中取出<asp:UpdatePanel并放在 html 的底部，在</form>. 这是一个对话，不需要与其他任何东西联系在一起。

最后。您通常使用初始化对话框，$('#TextOnlyDialog').dialog(); 但要正常打开它$('#TextOnlyDialog').dialog('open');并$('#TextOnlyDialog').dialog('close');关闭它。

我可能在最后一点上错了，尽管我自己就是这样使用它的。

于 2012-11-16T16:42:41.853 回答