對話框默認可見

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