ajax图像没有显示在表单提交,除了在Firefox中显示正常

时间:2012-01-05 23:08:53

标签: jquery ajax form-submit

以下是用于在表单提交上显示ajax图像的代码:

$(document).ready(function() { 

    $('#form_id').bind('submit', function() {
      $('#img-div').show();
    });
    $('#form_id').submit('submit', function(event) { 
        event.preventDefault();
..........................
......................
    });

});

这在一个页面中工作正常,而不在另一个页面中。 在Firefox上,两个页面的工作正常。

上述代码可能有什么问题......

修改

这只发生在一个特定情况下。 AJAX调用使页面无响应并且图像不显示,如果我显示加载图像,它会在ajax调用的持续时间内停止动画。我尝试使用jQuery UI对话框,仍然是相同的结果,但在Firefox上工作正常。

1 个答案:

答案 0 :(得分:2)

行。 .bind('submit',function(){})类似于.submit(function(){}).submit()函数不需要'submit'作为参数。

我认为您想要的代码是:

$(document).ready(function() { 
    $('#form_id').submit(function(event) { 
        event.preventDefault()
        $('#img-div').show()
        //......................
        //......................
    })
})

试试并告诉我。我怀疑Firefox可能对你破碎的代码更加宽容,而其他浏览器在它遇到它时就破坏了。