0

動作中のダイアログがありますが、「OK」ボタンが表示されるようにコードを追加しようとすると、動作しません。JavaScript エラーはありません。ダイアログは最初から CSS で非表示になっています。

...

のジャバスクリプトdocument.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 は display:none; のままです。

助けてくれてありがとう。

問題が見つかりました。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 に答える