使用 Jquery Form Plugin 成功回调触发 Jquery UI 对话框

Question

我正在使用服务器端表单验证将响应（以 html 格式）发布到使用 Ajax 提交的表单，但更具体地说，使用 http://jquery.malsup.com/form/#getting-started 插件。

我尝试过：

<script type="text/javascript">
$(document).ready(function() {
 var $dialog = $('<div id="dialog"></div>')
        .html('This dialog will show every time!')
        .dialog({
            autoOpen: false,
            title: 'Basic Dialog'
        });
    $('#bookingForm').ajaxForm({
        success: function() { 
            $dialog.dialog('open');
            // prevent the default action, e.g., following a link
            return false;
        } 
    });
});
</script>

Ajax 提交触发，服务器返回响应但没有 jquery 对话框。

删除

autoOpen: false,

会显示对话框，因此我知道脚本的这一部分正在工作。

我还使用警报测试了回调，它也有效。

感谢您的帮助。

蒂姆

Answer 1

这是关于范围的吗？ $dialog 不可用，因为它位于函数内部

try

 var $dialog;
  $(document).ready(function() {
      $dialog = $('<div id="dialog"></div>')