关于页面引用两个版本JQ库,一个高版本低版本,如何兼容?【求解】

古柯 发布于 2015/11/03 13:18
阅读 2K+
收藏 1
同一个页面中,<head> 里引用的是 <script src="js/jquery-1.11.0.min.js"></script>  1.11.0的JQ版本,这个版本主要是用在页 面幻灯片和TAB效果中,但是下面再body里,有一个地方需要实现一个滚动到页面底部时自动加载更多内容,是用到了 1.7.2版本的JQ库,现在的问题是,如果去掉head里的1.11.0版本,保留body里的1.7.2,幻灯片无法使用,下面的滚动加载正常,如果 把head里的1.11.0版本去掉,把body里的1.7.2放到head里,幻灯片可以使用,滚动加载则无法使用了。
有没有办法让这两个版本库同时存在,两个JQ效果都同时正常使用?
幻灯片的JS写法是:

<script type="text/javascript">
jQuery(".focusBox").slide({ mainCell:".pic",effect:"left", autoPlay:true, delayTime:300});
</script>





下面是滚动到页面底部时自动加载数据

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      var currentpage={php echo $page+1;};
      var isLoading=false;
       $(document).ready(function(){
         $(window).scroll(function(){
           checkload();
         });
       });
      
       $('.loadmore a').bind("click",function()
        {
         LoadList(currentpage);
        });
        
        function LoadList(page){
         isLoading=true;
         $('.loadmore a').html("Loading....");
         $.get("/index.php?c=content&a=listajax&catid={$catid}&tpl=data_ajax&page="+(page+1),function(data){
         isLoading=false;
         if($.trim(data)==''){
          $('.loadmore a').html("已加载完了");
          return;
         }
         $('.excerpt-lod ul').append(data);
          currentpage++;
          $('.loadmore a').html("加载更多");
         });
        }
        function checkload(){
        var srollPos = $(window).scrollTop();
        var windowHeight = $(window).height();
        var dbHiht = $('body').height();
        s= setTimeout(function(){
        if((windowHeight + srollPos) >= (dbHiht) && isLoading==false){
        LoadList(currentpage);
        }
        },500);
        }
    </script>


问题找到了,是 $(document).ready(function() 没起作用


加载中
0
双_双
双_双
两个共存始终不是个好办法。去掉1.7.2那个,bind方法已过时了,换成on。
古柯
古柯
改成on后,滚动到页面底部自动加载还是无效,只能点击加载
0
南湖船老大
南湖船老大
招个前端写JS代码就好了。。。
0
wuyiw
wuyiw

楼主问题解决了吧? 我补充一下jQuery.noConflict( true )可以让jQuery不同版本共存:

https://api.jquery.com/jquery.noconflict/

古柯
古柯
解决了,谢谢
返回顶部
顶部