ajax加载图像第二次在弹出jquery上不起作用

Question

我正在为联系我们的表单显示fancybox的网站上工作。我使用ajax提交表单。在处理状态下，我显示ajax加载图像。第一次单击时会显示图像，但再次单击时不会显示图像。我的ajax代码是这样的：

<script type="text/javascript">
function submitForm()
{
  jQuery(".ajax-content").show();

    var str = jQuery( "form" ).serialize();
       jQuery.ajax({
        type: "POST", 
        url:  'myurl',
        data:  str,
        format: "json",
        beforeSend: function( xhr ) { alert('hi'); jQuery(".ajax-content").show();},
        success: function(data) {
            var obj =  JSON.parse(data);
            if( obj[0] === 'error')
            {
                 jQuery("#error").html(obj[1]);
                  jQuery(".loading-gif").hide();
             }else{
            jQuery(".loading-gif").hide();
                    jQuery("#result").html(obj[1]);
                     setTimeout(function () {
                     jQuery.fancybox.close();
                 }, 2500);
                    }
        } 
      });    
}
</script>

ajax-content类是div包含ajax图像任何帮助或指出错误都将不胜感激。感谢

Answer 1

我认为图像第二次被隐藏了。你能试试吗

 beforeSend: function( xhr ) { 
    alert('hi'); 
    jQuery(".loading-gif").show();
    jQuery(".ajax-content").show();
 },