阿贾克斯图像提交它显示精细

这里是代码正在使用，以显示对形式的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上工作正常。

来源

2012-01-05 jqueryEnthusiast

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

我想你想要的代码是这样的：

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

尝试这一点，让我知道。我怀疑Firefox可能对你的破解代码更加宽容，而其他浏览器刚刚破解时就会崩溃。

来源

2012-01-05 23:16:17 SpoonNZ

同样的问题，Firefox显示正常，但所有其他浏览器在提交时不显示加载图像。当我在“$（'＃img-div'）。show（）”之前和之后发出提醒时，动画图像会显示直到第二次提醒，之后停止动画... – jqueryEnthusiast 2012-01-06 14:17:37

我怀疑您需要预先设置，加载图像以使其可靠地工作。要测试这一点，只需在页面上的其他地方弹出相同的图像，看看它是否有所作为。如果是这样，我们可以帮助预加载（或谷歌可以） – SpoonNZ 2012-01-08 21:52:28

我试过了，图像加载得很好，但是当AJAX调用通过$ .getJSON或$ .get执行时，图像停止动画，当我尝试在点击按钮时显示图像，并在AJAX调用后隐藏它，它甚至不会显示。 – jqueryEnthusiast 2012-01-09 00:07:00

阿贾克斯图像提交它显示精细

回答

相关问题