对话框默认可见

Question

我试着去创建一个对话框，但默认情况下它的可见..

这里是我的小提琴：https://jsfiddle.net/2uc1jn83/

HTML

<div class="ui-widget"> 

    <select id="division"> 
    <option></option selected> 
    <option>National</option> 
    <option>Central</option> 
    <option>Northeast</option> 
    <option>Western</option> 
    </select> 
</div> 
<div id="dialog" title="Filter"> 
     <div style="text-align:left"> 
      <select size="5"> 
       <option value="1">Item #1</option> 
       <option value="2">Item #2</option> 
       <option value="3">Item #3</option> 

      </select> 
     </div> 
    </div> 

代码

$(document).ready(function() { 

    $("#division").change(function() { 

    $(function() { 
     $("#dialog").dialog({ 
     maxWidth: 800, 
     maxHeight: 1000, 
     width: 500, 
     height: 500, 
     modal: true, 
     autoOpen: false, 

     }) 
    }); 

    $("#dialog").dialog("open"); 
    }); 

}) 

Answer 1

你确定你甚至能理解你的代码吗？这看起来像你从某处复制/粘贴它。有一个匿名函数太多，对话框的构建不应该发生在<select>的更改上。这个事件应该打开的对话框：

$(document).ready(function() { 

    $("#division").change(function() { 
     $("#dialog").dialog("open"); 
    }); 

    $("#dialog").dialog({ 
     maxWidth: 800, 
     maxHeight: 1000, 
     width: 500, 
     height: 500, 
     modal: true, 
     autoOpen: false 

    }); 
}); 

你可以看到它在这里的行动：https://jsbin.com/vejawinigu/edit?js,output