jquery - 从另一个页面加载内容时，jquery 对话框不会打开第二个

Question

我有一个 jQuery UI 对话框，它从另一个页面加载内容。对话框第一次打开，但不是第二次。如果不将任何内容加载到对话框中，它也会第二次工作。

请参阅jsFiddle。[它有效，错误必须在其他地方]

HTML：

<a class="click" href="form.php">form</a>
<a class="click" href="data.php">data</a>
<a class="click" href="user.php">user</a>
<div id="dialog"></div>

JavaScript：

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        closeOnEscape: true
    });

    $('.click').click(function(event) {
        event.preventDefault();
        $('#dialog').load(this.href);
        $("#dialog").dialog('open');
    });
});​

Answer 1

尝试在加载的完成回调中打开对话框 - 默认情况下加载将异步运行，因此在您打开时它可能不会完成 - 这可能是它搞砸的原因（尽管很难说什么时候示例作品:-)）

var $dialog;
$(document).ready(function() {
  $dialog = $("#dialog").dialog({
    autoOpen: false,
    closeOnEscape: true
  });

  $('.click').click(function(event) {
    event.preventDefault();
    $dialog.load(this.href, function() {
     $dialog.dialog('open');
    });
  });
});​