0

我有一个工作对话框，但是当我尝试添加代码以显示“确定”按钮时，它无法工作。没有 javascript 错误。对话框一开始是用 CSS 隐藏的。

...

中的 javascriptdocument.ready

作品...

var downtimeDiv = $("#downtimeDialog");

    downtimeDiv.dialog({        
        width: 770,
        height: 250,
        modal: true,
        title: "Downtime Scheduled",
        autoOpen: false,
        resizable: false,
        draggable: false,
        position: ['center', 'top'],
        closeOnEscape: false,
        open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); }
    });
downtimeDiv.show();    
downtimeDiv.dialog("open");

不工作...

var downtimeDiv = $("#downtimeDialog");

    downtimeDiv.dialog({        
        width: 770,
        height: 250,
        modal: true,
        title: "Downtime Scheduled",
        autoOpen: false,
        resizable: false,
        draggable: false,
        position: ['center', 'top'],
        closeOnEscape: false,
        open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); },
        buttons: {"OK": function() {$(this).dialog("close");}}
    });
downtimeDiv.show();    
downtimeDiv.dialog("open");

firebug 没有显示任何错误，但对话框无法显示，它的 css 保持显示：无；

谢谢你的帮助。

好的，我发现了问题。我错过了一个 javascript 包含。

添加http://code.jquery.com/jquery-1.8.2.js

修复了 Firefox 和 IE 的问题。

4

2 回答 2

2

您的代码中有语法错误。

在按钮后添加右括号

buttons: {"OK": function() {$(this).dialog("close");}}

使用推荐的语法：

buttons: [
    {
        text: "Ok",
        click: function() { $(this).dialog("close"); }
    }
]

请注意[和]

于 2012-10-09T16:24:35.477 回答
1

}我认为您错过了按钮元素末尾的关闭。

你的

buttons: {"OK": function() {$(this).dialog("close");}

正确的

buttons: {"OK": function() {$(this).dialog("close");}}
于 2012-10-09T16:28:23.937 回答