Question

我的HTML中有一个按钮，一旦点击按钮，我想打开一个JQuery对话框。我有一个可以正常工作的代码版本，但我只想重新组织代码，因为对话框无法再显示，所以它似乎有问题。

适用的版本：

<script type="text/javascript">
$(function() {
   $('#dialog_trigger').on("click", function() {
       $('#dialog').load('index.php', function() {
          $('#dialog').dialog({
           *********(somehow I must remove 'autoOpen: false' here, otherwise it also stops working) ********

              position: 'center',
              width : 480,
              height : 320, 
              modal : true
          });

        });
      });
  });

</script>

<body>
<button id="dialog_trigger">Click me</button>
<div id="dialog"></div>
</body>

不起作用的代码：

<script type="text/javascript">
$(function() {
   $('#dialog_trigger').on("click", function() {
       $('#dialog').load('index.php', function() {
          $('#dialog').dialog("open")
       });
    });

   $('#dialog').dialog({
    autoOpen: false,
    position: 'center',
    width : 480,
    height : 320, 
    modal : true
   });

});

</script>

<body>
<button id="dialog_trigger">Click me</button>
<div id="dialog"></div>
</body>

请帮我纠正，谢谢。

Answer 1

首先将dialog的签名移到click事件之外。

然后在点击事件中，您可以使用

$('#dialog').dialog("open")

显示对话框

<强> Check Fiddle

<强>代码

  $('#dialog_trigger').on("click", function() {
       $('#dialog').load('index.php').dialog("open")
    });

   $('#dialog').dialog({
     autoOpen: false,
     position: 'center',
     width : 480,
     height : 320, 
     modal : true
   });

无法打开JQuery Dialog

1 个答案: