jquery 대화 상자는 작동하지만 Firefox 및 IE에 추가 ​​된 버튼은 Chrome에서 작동합니다. FIXED 코멘트보기

Question

작동하는 대화 상자가 있지만 "OK"버튼이 표시되도록 코드를 추가하려고하면 작동하지 않습니다. 자바 스크립트 오류가 없습니다. 대화 상자는 CSS로 숨겨져 있습니다. 방화 광 오류 만 표시되지 않습니다

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"); 

... 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"); 

이 작동하지 않습니다 ... 대화 상자가 표시되지 않으면 css가 표시됩니다. 표시 : 없음;

도움 주셔서 감사합니다.

나는이 문제를 발견했다. 나는 자바 스크립트가 빠져 있었다.

http://code.jquery.com/jquery-1.8.2.js 추가

파이어 폭스와 IE의 문제를 해결.

Answer 1

코드에 구문 오류가 있습니다. 난 당신이 버튼의 끝에 닫는 }를 놓쳤다 생각

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

[ 및 ]

Answer 2

을주의하십시오 :

는

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

이 (가) recommended syntax 사용 버튼 후 닫는 paranthesis를 추가 요소.

너의

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

복사 붙여 넣기의 올바른

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