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

时间:2011-12-11 23:06:15

标签: jquery jquery-ui jquery-ui-dialog jquery-forms-plugin

我正在使用服务器端表单验证将响应(在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,

显示对话框,所以我知道脚本的这一部分正在运行。

  

我还使用警报测试了回调,它也正在运行。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这是关于范围的吗? $对话框不可用,因为它在函数

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