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

【问题标题】：ajax load image not working second time on popup jqueryajax加载图像在弹出jquery上第二次不起作用
【发布时间】：2013-12-06 08:02:02
【问题描述】：

我正在网站上显示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 class 是 div 包含 ajax 图片任何帮助或指出错误将不胜感激。谢谢

【问题讨论】：

标签： javascript jquery ajax

【解决方案1】：

我认为图像第二次被隐藏了。可以试试吗

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

【讨论】：