當我加載網頁時自動顯示對話框

Question

當我加載我的網頁時，我有一個自動打開的對話框。 我不想那樣。

我把一個圖像，當我點擊它，我想對話框打開

我的js

 $("#deleteReportButton").click(function() { 
      $("#deleteReportConfirm").dialog("open"); 
     }); 


     $("#deleteReportConfirm").dialog({ 
      resizable: false, 
      height: 140, 
      modal: true, 
      buttons: { 
       "Delete report": function() { 
        $(this).dialog("close"); 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

HTML部分

 <div id="deleteReportConfirm" title="Delete report?" style="display:none"> 
      <p>....</p> 
     </div> 

     <img id="deleteReportButton" src="/plato/resources/images/delete.png" /> 

Answer 1

您需要添加的AutoOpen選項將其設置爲false，這會在加載頁面時停止打開它，並且只在調用open函數時加載。

$("#deleteReportConfirm").dialog({ 
     autoOpen: false, 
     resizable: false, 
     height: 140, 
     modal: true, 
     buttons: { 
      "Delete report": function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 

工作例如：http://jsfiddle.net/Eh89t/1/