0

我的 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>

请帮我改正，谢谢。

4

1 回答 1

2

首先将签名移动dialog到点击事件之外。

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

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

显示对话框

检查小提琴

代码

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

   $('#dialog').dialog({
     autoOpen: false,
     position: 'center',
     width : 480,
     height : 320, 
     modal : true
   });
于 2013-07-18T00:35:21.297 回答