javascript - 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();
 },