jquery-ui-dialog - JQuery UI 对话框（'open'）不适用于选择器

Question

我可以使用以下内容创建一个 jquery ui 对话框：

    $("#dialogs .add_entry").dialog
    ({
         height: 500, 
         width: 750, 
         autoOpen: false, 
         stack: true, 
         show: "fade", 
         resizable: true, 
         title: "Add Entry", 
         modal: true
    });

    <div id="dialogs">
        <div class="add_entry">Test</div>
    </div>

但是当我后来使用 $("#dialogs .add_entry").dialog("open"); 打开对话框没有任何反应（没有 js 错误）。我认为它与选择器相关，将 autoOpen 切换为 true 会显示对话框。有没有人遇到过这个？

Answer 1

试试这个：

$("#dialogs > .add_entry")

或者

$("#dialogs").children(".add_entry")

Answer 2

$(function(){
    $element = $("#dialogs .add_entry");
    $element.dialog({
        height:500,
        width:750,
        stack: true, 
        show: "fade", 
        resizable: true, 
        title: "Add Entry", 
        autoOpen:false, 
        modal: true
    });
    $element.dialog("open");
});

如果放置在元素之前，这将起作用。后不起作用。也不能使用 out 变量，没有包装函数也不能工作......多么有问题的函数。