默认情况下可以看到对话框

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