如何覆蓋jQuery-UI對話框在標記中的位置？

我想獲得一個簡單的jQuery UI對話框在ASP.Net項目中工作。我在對話框<div>中有一些按鈕，但它們沒有回傳。仔細檢查後，無論出於何種原因製作<div>面板時，它都會將其移到DOM中，以便它是</body>之前的最後一個標籤。這一切都很好，除了它也會將它移動到需要的<form>標記之外，以便按鈕可以進行回發。如何覆蓋jQuery-UI對話框在標記中的位置？

這種行爲的目的是什麼？我如何覆蓋它？

一個例子是在這裏：http://jsbin.com/olumu4/

在Firebug的展望，雖然我得到這個： alt text http://img80.imageshack.us/img80/9049/dialog.png

來源

2010-07-07 Earlz

這是jQuery/ASP.NET的常見問題。

後你分配你的語氣像這樣

$(".modal-window").dialog({ 
    modal: true 
});

做到這一點

$(".modal-window").parent().appendTo($("form:first"));

如果你有一個頁面上有一個模式，我發現按預期的方式不起作用，如果你想擁有它自動打開

$('.modal-window').dialog('open').parent().appendTo($('form:first'));

：所以當你調用的模式打開方法的情況下，做到這一點。您可以在分配模型後立即追加它。

$(".modal-window").dialog({ 
    modal: true 
    }).parent().appendTo($('form:first'));

希望這有助於

馬爾科

來源

2010-07-07 23:47:47 Marko

我有它，這樣的模式會在頁面加載（'autoOpen'）打開。我將如何解決這個問題？最好如何從對話框的「open」事件中解決這個問題？ – Earlz 2010-07-08 00:14:48

我編輯了我的答案，閱讀最後一段代碼。 – Marko 2010-07-08 00:17:31

非常感謝您的工作！ – Earlz 2010-07-08 00:22:26

我已經收到這個問題，一個選項是設置一個即使在$（形式）.submit將對話框中的內容附加到表單中。

來源

2010-07-07 23:43:51

如何覆蓋jQuery-UI對話框在標記中的位置？

回答

相關問題