jQuery UI對話框顯示在頁面上而不是彈出窗口

Question

我有一個jqueryUI對話框彈出窗口顯示在頁面上...並在需要時彈出。 一些奇怪的功能。 div內的所有內容都將顯示在頁面上，但是彈出窗口將起作用，但是div上沒有內容。 我正在嘗試在文檔准備好之前創建彈出窗口。 這是文檔准備好之前，我的對象正在運行的代碼。

    var edit_div=document.createElement('div');                 
    var me = this;
    $(edit_div).dialog(
        {
            autoOpen: false,
            height: 400,
            width: 600,
            resizable: false,
            modal: true,
            buttons: 
            {
                "Submit": function() 
                {
                    me.submitForm();
                },
                Cancel: function() 
                {
                    $( this ).dialog( "close" );
                }
            },
            close: function() 
            {
            },

        });

如果我將對話框創建代碼移到一個單獨的函數並在文檔准備就緒時調用它，則彈出窗口將正常工作，如下所示：

$(document).ready(function()
{
   mfg_table.init();
}

和初始化代碼創建對話框

   this.init = function()
    {
        //alert('initing');
        var me = this;
        $('#' +this.table_id + this.edit_table_name).dialog(
            {
                autoOpen: false,
                height: 400,
                width: 600,
                resizable: false,
                modal: true,
                buttons: 
                {
                    "Submit": function() 
                    {
                        me.submitForm();
                    },
                    Cancel: function() 
                    {
                        $( this ).dialog( "close" );
                    }
                },
                close: function() 
                {
                },

            });
    }

那么，為什么不能在呈現頁面之前在DOM對象上創建對話框？

Answer 1

是否有可能在瀏覽器加載jquery.js文件之前調用腳本？

Document.ready等到頁面完全加載后再運行代碼。 沒有它，它將無法正常工作，這意味着在嘗試運行腳本之前，沒有加載必要的資源。

您可能希望嘗試將內聯腳本移到html文件的末尾，尤其是在引用了所有.js和插件文件之后。

我希望我可以更具體一些，但是如果沒有更多的代碼或實際示例，很難知道發生了什么。