关于页面引用两个版本JQ库，一个高版本低版本，如何兼容？【求解】 10
同一个页面中，<head>里引用的是<scriptsrc="js/jquery-1.11.0.min.js"></script>1.11.0的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> 展开
有没有办法让这两个版本库同时存在，两个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> 展开
1个回答
展开全部
你可以试一下 jquery别名，（在第一个jquery引入代码下面，写下面这行代码，然后在这行代码下面再引入其他版本的jquery。） 第一次引入的jquery，调用的时候写 $j('#id')。 JQuery.
noConflict()这个是专门解决冲突的，望采纳。
var $j=JQuery.noConflict();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
