初始化和打开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>