jQuery UI 无法在 javaScript 函数内工作

Question

function newbox(标题, Messagetext) {
$(文档).ready(函数() {
$("#div1").text(Messagetext);
$("#div1").dialog({
模态:真实，
标题: 标题，
纽扣: {
好的:函数(){
启用按钮()；
$(this).dialog("关闭");
//self.close();
}
}
});
});
}
给定的 newBox 函数用于显示模式弹出窗口。如果像这样在 $(document).ready() 内部调用这个函数就完全没问题

$(文档).ready(function () {
newbox('测试', 'niraj');
});但当我通过 JavaScript 函数调用它时不起作用，例如:

 function test()  
{
    $(document).ready(function () {
        newbox('test', 'niraj');
    });  
    return false;  

}
我使用 IE8、jQuery 1.10.2 和 jQuery UI 1.11.4

更新:

我的 HTML:

<div style="display:none;">
<div id="dialog-message">
    test text
</div>
<div id="div1">
    test text
</div>

Answer 1

您需要从该代码中删除 dom 就绪事件，然后它才能正常工作。因为， $(document).ready() 是一个事件，而不是一个函数。该事件将在页面加载时发生。当您调用该函数时，事件可能已经完成，如果是这样，则此代码将不会执行。

尝试，

function newbox(Title, Messagetext) {
    $("#div1").text(Messagetext);
    $("#div1").dialog({
        modal: true,
        title: Title,
        buttons: {
            Ok: function() {
                enbleButton();
                $(this).dialog("close");
                //self.close();
            }
        }
    });
}