Question

我正在网站上工作，我显示fancybox联系我们form.i提交表单使用ajax.on进程状态我显示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();
 },

ajax加载图像在弹出窗口jquery上第二次不工作

1 个答案: