无法打开JQuery对话框_Jquery_Jquery Ui Dialog

无法打开JQuery对话框

jquery

无法打开JQuery对话框,jquery,jquery-ui-dialog,Jquery,Jquery Ui Dialog,我的HTML中有一个按钮，单击该按钮后，我想打开一个JQuery对话框。我有一个工作正常的代码版本，但我只想重新组织代码，似乎有什么问题，因为对话框不能再显示了有效的版本： <script type="text/javascript"> $(function() { $('#dialog_trigger').on("click", function() { $('#dialog').load('index.php', function() {

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


$（函数（）{
$（“#对话框_触发器”）。在（“单击”，函数（）{
$（'#dialog'）.load（'index.php'，function（）{
$（'#dialog'）。dialog({
*********（不知何故，我必须在此处删除“autoOpen:false”，否则它也会停止工作）********
位置：'中间'，
宽度：480，
身高：320，
莫代尔：对
});
});
});
});
点击我

不起作用的代码：

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


$（函数（）{
$（“#对话框_触发器”）。在（“单击”，函数（）{
$（'#dialog'）.load（'index.php'，function（）{
$（“#对话框”）。对话框（“打开”）
});
});
$（'#dialog'）。dialog({
自动打开：错误，
位置：'中间'，
宽度：480，
身高：320，
莫代尔：对
});
});
点击我

请帮我更正，谢谢。

首先将

对话框的签名移动到单击事件之外
然后在单击事件中，您可以使用
$('#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
   });

$（'#dialog'）.dialog（“”）我不认为这是对的，你到底想在那里做什么？对不起，复制错误，原来是$（'#dialog'）.dialog（“打开”）。修复了它。很抱歉，以前有一个复制错误，我确实在click事件内部调用“$（'#dialog'）.dialog（“open”）”，并在外部定义该对话框。但是，它不起作用，我的意思是，在我点击按钮后，什么也没有发生。Sushanth，我想在对话框中加载一个网页，请查看我的第一个版本的代码，你能根据我在第一个版本中想要的来帮我修复第二个吗？@user1453951。。你为什么不试试这个$（'#dialog'）。加载（'index.php'）。对话框（“打开”）
哈，这就是我想要的，谢谢！！！顺便说一句，你知道如果我在对话框（）中加上“open”有什么区别吗？它是函数参数吗？open
是对话框对象
上可用的方法。。如果只调用.dialog（）
，而不指定方法，它只会创建一个新的dialog box实例，而这不是您想要的