jQuery UI 无法在 javaScript 函数内工作

标签 jquery jquery-ui

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>

最佳答案

您需要从该代码中删除 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();
            }
        }
    });
}

关于jQuery UI 无法在 javaScript 函数内工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30896377/

相关文章:

javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

javascript - jquery验证器错误位置

jquery - 空 jQuery UI 选项卡

javascript - 如何循环遍历使文本框可用于输入的 if 语句?

javascript - 使用 jquery 生成表单字段

javascript - "Return"来自函数未分配给变量

jquery-ui - 防止JQuery的恶意覆盖

jquery - 更改 jquery ui 选项卡的 css

javascript - $(event.target).attr ("data-bar") 未定义

javascript - 粘性导航,idk 发生了什么 :\