JQuery Dialog 正在加载整个页面作为内容？答案

【问题标题】：JQuery Dialog being loaded with entire page as content?JQuery Dialog 正在加载整个页面作为内容？
【发布时间】：2012-11-16 16:41:03
【问题描述】：

我想要一个非常基本的 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>

谢谢！！

【问题讨论】：

标签： jquery asp.net html ajax dialog

【解决方案1】：

首先，您的对话框中没有结束 </div>

应该是：

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

其次，您是否尝试过将其从<asp:UpdatePanel 中取出，然后将其放在您的html 底部，在</form> 之前。它是一个对话框，不需要绑定到其他任何东西。

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

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

【讨论】：