初始化和打開jquery-ui對話框

Question

我試圖加載頁面加載時的jquery-ui對話框。頁面內容正在加載但對話框不顯示。

<script> 
    $(document).ready(function() { 

     $("#loginfailed").dialog({ 
      width: 500, autoOpen: false, resizable: false, draggable: false, 
      modal: false   
     }); 
     $("#loginfailed").dialog("open"); 
    }); 

</script> 

我錯過了什麼？我幾乎閱讀文檔，但它並沒有多大幫助。

Answer 1

你的代碼工作正常！您是否在head標記中添加jquery-ui.js。請看下面格 ID loginfailed

$(document).ready(function() { 
 
     $("#loginfailed").dialog({ 
 
      width: 500, autoOpen: false, resizable: false, draggable: false, 
 
      modal: false   
 
     }); 
 
     $("#loginfailed").dialog("open"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> 
 

 
<div id="loginfailed">this is loading</div>