ES中使用了翻页广告动画,使用JS实现,后来又修改了一个在线qq客服的代码,结果两者不能存其一,证明是JS冲突。

JS冲突有很多原因,这里应该是命名冲突,都是用了默认的$来操作,修改如下,在在线客服代码里加入:

原代码

<script src="talk/jquery.min.js"></script>
<script>
$(function(){
    $('#close_im').bind('click',function(){
        $('#main-im').css("height","0");
        $('#im_main').hide();
        $('#open_im').show();
    });
    $('#open_im').bind('click',function(e){
        $('#main-im').css("height","272");
        $('#im_main').show();
        $(this).hide();
    });
    $('.go-top').bind('click',function(){
        $(window).scrollTop(0);
    });
    $(".weixing-container").bind('mouseenter',function(){
        $('.weixing-show').show();
    })
    $(".weixing-container").bind('mouseleave',function(){        
        $('.weixing-show').hide();
    });
});
</script>

修改后代码

<script src="talk/jquery.min.js"></script>
<script>
var $$J=jQuery.noConflict();
$$J(function(){
  $$J('#close_im').bind('click',function(){
    $$J('#main-im').css("height","0");
    $$J('#im_main').hide();
    $$J('#open_im').show();
  });
  $$J('#open_im').bind('click',function(e){
    $$J('#main-im').css("height","272");
    $$J('#im_main').show();
    $$J(this).hide();
  });
  $$J('.go-top').bind('click',function(){
    $$J(window).scrollTop(0);
  });
  $$J(".weixing-container").bind('mouseenter',function(){
    $$J('.weixing-show').show();
  })
  $$J(".weixing-container").bind('mouseleave',function(){        
    $$J('.weixing-show').hide();
  });
});
</script>

修改后功能正常