在前端開發(fā)中，經(jīng)常需要使用彈窗來進(jìn)行交互，而 dialog jquery 是一個(gè)非常強(qiáng)大的彈出窗口插件，可以輕松地創(chuàng)建各種類型的彈窗。在使用 dialog jquery 時(shí)，我們可能會遇到需要在父窗口上打開一個(gè)彈窗的情況。

為了在父窗口上打開彈窗，我們需要使用 dialog jquery 中的 open 方法，并指定 parent 屬性為父窗口的選擇器：

$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
"取消": function() {
$(this).dialog("close");
}
}
});
$("#open-dialog").on("click", function() {
$("#dialog").dialog("open", { parent: "body" });
});

在上面的例子中，我們創(chuàng)建了一個(gè)名為 dialog 的彈窗，并將其 autoOpen 設(shè)置為 false，這樣彈窗不會在頁面加載時(shí)自動打開。我們還指定了彈窗為模態(tài)對話框，以及選擇了一個(gè)“取消”按鈕。

接下來，我們使用一個(gè)按鈕的點(diǎn)擊事件來打開彈窗。在此事件處理程序中，我們使用 dialog jquery 的 open 方法，并將 parent 屬性設(shè)置為父窗口的選擇器，這樣彈窗就可以在父窗口上打開了。

<button id="open-dialog">打開彈窗</button>
<div id="dialog" title="彈窗標(biāo)題">
<p>這里是彈窗的內(nèi)容</p>
</div>

最后，我們需要在頁面中添加一個(gè)按鈕和一個(gè)帶有 id 為 dialog 的 div，用于承載彈窗的內(nèi)容。

以上就是使用 dialog jquery 在父窗口中打開彈窗的方法，希望對你有所幫助。