Jquery UI 对话框未打开答案

【问题标题】：Jquery UI dialog not openingJquery UI 对话框未打开
【发布时间】：2015-05-13 06:51:39
【问题描述】：

您好，我在我的页面中使用 Jquery UI 对话框，点击后它在我的页面中不起作用，

代码如下，

$( "#actual-hours-dialog-entry" ).dialog({
    autoOpen: false,
    resizable : false,
    modal: true,
    position: 'center',     
    width: 400,
    close: function() {
        $(this).empty();
        setTimeout(function() {
            $('.ajax-loader').hide();               
        }, 100);
    }
});     

$('#actual-hours-dialog-list').empty(); // code formatting
$('#actual-hours-dialog-list').append(content);

$('#actual-hours-dialog-list').dialog('open');

内容附加到div并显示在底部，但对话框没有打开。

在同一页面中我有另一个对话框。它工作正常

请大家帮忙，先谢谢了

【问题讨论】：

页面中是否有重复的id？
如果内容附加到 div 中，似乎 JS 运行正常。您是否在页面中包含了 jQuery UI CSS？
你的朋友控制台在说什么？
我正在使用 jquery-ui-1.8.21.custom.min.js 及其 CSS
它在控制台中工作

标签： javascript jquery jquery-ui dialog

【解决方案1】：

不确定您需要什么，但正在使用

$('#actual-hours-dialog-list').dialog();

而不是

$('#actual-hours-dialog-list').dialog('open');

使对话框工作。

此外，您的对话选项与 div#actual-hours-dialog-entry 相关，而不是您尝试打开的 div#actual-hours-dialog-list。

也许这应该是一个评论，但我的声誉不够高。

希望对你有帮助。

【讨论】：