jquery.min.js与其他js脚本的冲突解决

推荐指数: 点击:4331   文字大小: 加入收藏夹

CAOPENG.NET的右下方的JQUERY回到顶部效果实现之后，栏目的二级菜单无法显示，

因为JS代码有 $ 符号，跟JQ冲突。解决办法可以在JQ代码前加入
var jq=jQuery.noConflict(); 然后将JQ代码中的$都换成jq就行。如例：

<script type="text/javascript">
var jq=jQuery.noConflict(); 
jq(function(){alert ("WELCOME TO CAOPENG.NET");})
</script>

即：

原来为：

$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(WINdow).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$("#w2b-StoTop").scrollToTop();
});
 

修改为：

var jq=jQuery.noConflict();

jq(function() {
jq.fn.scrollToTop = function() {
jq(this).hide().removeAttr("href");
if (jq(window).scrollTop() != "0") {
jq(this).fadeIn("slow")
}
var scrollDiv = jq(this);
jq(window).scroll(function() {
if (jq(window).scrollTop() == "0") {
jq(scrollDiv).fadeOut("slow")
} else {
jq(scrollDiv).fadeIn("slow")
}
});
jq(this).click(function() {
jq("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
jq(function() {
jq("#w2b-StoTop").scrollToTop();
});
 

问题解决！

获得更多 -> 编程技巧 -> NET编程技巧

责任编辑: webmaster >>> 百度上搜索  谷歌上搜索

点击复制本连接 （http://www.hugesky.com/showarticle.php?id=3809）