Question

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

谢谢！

Answer 1

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

应该是：

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

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

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

在最后一点我可能错了，不过这就是我自己使用它的方式。

JQuery Dialog作为内容加载整个页面？

1 个答案: