jackykwan4343
2015-08-28 03:13
采纳率: 100%
浏览 4.3k
已采纳

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/");
    }
}

请大神指点迷津!谢谢!

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • jackykwan4343 2015-09-04 23:40
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 心梦无痕 2015-08-28 03:45

    我用火狐看了一下 ,没有出现闪啊闪的!

    评论
    解决 无用
    打赏 举报
  • 「已注销」 2015-08-28 03:51

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

    评论
    解决 无用
    打赏 举报
  • Leo981216 2015-08-28 04:30

    Edge并没有问题...

    评论
    解决 无用
    打赏 举报
  • 「已注销」 2015-08-28 12:56

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

    评论
    解决 无用
    打赏 举报
  • 微wx笑 2015-08-29 01:40

    注意这个层的: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>
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题