JQuery模态对话框无法打开或显示

时间:2012-02-28 19:50:36

标签: jquery-ui-dialog

我正在使用jquery对话框,但dialog.open()不显示对话框。 (该网站仅适用于IE 7和8,因此我无法看到对话框是否实际显示。)

我确保这些依赖项可用:jquery-ui.css;的jquery-UI-1.8.16.custom.min.js; https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

在标记中:我在文档就绪方法中创建对话框:

var $ dialog;

$(document).ready(function () {
    $dialog = $("#dialog")
        .dialog({
            autoOpen: false,
            title: 'My Modal Dialog',
            position: 'center',
            modal: true,
            closeOnEscape: true,
            buttons: [{ text: "Close", click: function () { $(this).dialog("close"); } }]
        });
});

另一个javascript函数包含这些行来“打开”对话框。当我检查对话框时,它是一个Object,但我从来没有看到它。

function showDialog() {
   $dialog.html("Hello World");
   $dialog.dialog('open');
}

代码看起来很合理,而且在我工作过的另一个项目中,工作没有任何障碍。所以这让我觉得它是开放的,但我出于某种原因看不到它。有没有人遇到过这个,或者找到了解决方案?

感谢您提供任何帮助。

1 个答案:

答案 0 :(得分:1)

您是否创建了父元素:

<div id="dialog">.. 

在文件中?