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和插件文件之后。

我希望我可以更具体一些，但是如果没有更多的代码或实际示例，很难知道发生了什么。