Jquery UIダイアログを作成して先頭に移動

Question

シンプルなJquery UIダイアログを作成して、それを前面に配置したいと思います。

var dialog = $(document.createElement("div")); 
    dialog.attr("id","dialog-confirm"); 
    $("body").append(dialog); 


    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height: "auto", 
     width: 400, 
     buttons: { 
     "Delete all items": function() { 
     $(this).dialog("close"); 
     }, 
     Cancel: function() { 
     $(this).dialog("close"); 
     } 
    } 
}); 
dialog.dialog("moveToTop"); 

このエラーはError: cannot call methods on dialog prior to initialization; attempted to call method 'moveToTop'です。

私はそれについて何ができますか？

Answer 1

技術的には、体に追加する必要はありません。次のコードは動作します：あなたが一度に開いて1つの以上のダイアログを使用している場合

$(function() { 
    var dialog = $("<div>", { 
    id: "dialog-confirm" 
    }).dialog({ 
    resizable: false, 
    height: "auto", 
    width: 400, 
    buttons: { 
     "Delete all items": function() { 
     $(this).dialog("close"); 
     }, 
     Cancel: function() { 
     $(this).dialog("close"); 
     } 
    } 
    }); 
    dialog.dialog("moveToTop"); 
}); 

moveToTopのみが必要とされています。