问题描述

jquery+ajax 使用.load()加载的页面一闪一闪的

问题页面www.361goal.com
刚开始打开的页面使用load成功加载了ajax页面，但是点击标签“彩票”以后，使用load()加载同样的页面，就会出现一闪一闪的现象，如图所示

这是为什么呢？
我的“彩票”标签按钮绑定的时间函数是：

 function loadData(n) {
    //$("#matchList").empty();
    $.ajaxSetup({
            cache: false,
            beforeSend: function() {
                $('#loading').fadeIn();
            },
            complete: function() {
                $('#loading').fadeOut();
            },
            success: function() {
                $('#loading').fadeOut();
            }
    });
    if(n != undefined || n != '') {
        //alert(n);
        $("#matchList").load("/soccer-data-feed-zh/");
    } else {
        $("#matchList").load("/soccer-data-feed-zh/");
    }
}

请大神指点迷津！谢谢！

解决方案

谢谢大家了，没有满意答案

解决方案二：

jQuery使用ajax的load()加载页面方法
使用jQuery在页面显示完后自动加载
.NET中使用Jquery和Ajax（三） - load加载

解决方案三：

我用火狐看了一下 ，没有出现闪啊闪的！

解决方案四：

这个貌似是兼容性问题，你的代码没错，只是不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况，如果想兼容各种浏览器，需要楼主下功夫测试兼容性了

解决方案五：

Edge并没有问题...

解决方案六：

加个渐变效果看看是不是还闪，锁定下原因。

解决方案七：

注意这个层的：opacity: 0.200977244529602;，应该就是这个问题导致的；

 <div id="loading" style="display: none; opacity: 0.200977244529602;">正在努力加载...<br> <img src="http://www.361goal.com/wp-content/themes/caiminbao/images/loader.gif" alt="loading"></div>