3
回答
关于页面引用两个版本JQ库,一个高版本低版本,如何兼容?【求解】
华为云实践训练营,热门技术免费实践!>>>   
同一个页面中,<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() 没起作用


举报
古柯
发帖于2年前 3回/2K+阅
顶部