JQuery對話框作爲內容加載整個頁面？

我想要一個非常基本的JQuery對話框，但我無法使它工作。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>

謝謝！

來源

2012-11-16 Naner

首先，你不必關閉</div>在你的對話框

應該是：

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

其次，你試過把它出<asp:UpdatePanel的，只是把它在底部你的html，在</form>之前。這是一個對話框，不需要與其他任何東西綁定。

最後。您通常使用$('#TextOnlyDialog').dialog();初始化對話框，但要打開它，通常需要$('#TextOnlyDialog').dialog('open');和$('#TextOnlyDialog').dialog('close');才能關閉它。

我最後一點可能是錯的，雖然這就是我自己使用它的方式。

來源

2012-11-16 16:42:41 Darren

JQuery對話框作爲內容加載整個頁面？

回答

相關問題