jquery-ui - 複数の jQuery UI ポップアップを追加する際の特別な考慮事項はありますか?

Question

ページに複数のポップアップを表示できますか? 同時に開くという意味ではなく、別の入力セットを開きますか? 1つを機能させることはできますが、2つ目はできません。どちらも同じ方法でインスタンス化されますが、2 番目my-dialog2の ID は別の DIV を指しています。CSS から display: none を削除すると、2 番目の DIV は正常にレンダリングされるため、問題の原因は不正なマークアップではありません。何か関係があるのではないかと思いますdestroy(。）ポップアップが閉じられるたびにポップアップを破棄する必要がありますか?

function popupEditor() {
    var popup$ = $("my-dialog");
    //popup$.dialog("destroy");
    popup$.dialog({       
        appendTo: "#my-container",
        autoOpen: false,
        height: 200,
        width: 300,
        modal: true,
        buttons: {

            "Save": function () {
                var bValid = true;                
                if (bValid) {
                    $(this).dialog("close");
                }
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }


    });

    popup$.dialog('open');
    $("#my-dialog" + " input:text:visible:first").focus();

}