jquery.min.js與其他js腳本的沖突解決

推薦指數: 點擊:4991   文字大小: 加入收藏夾

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.walela49.com/showarticle.php?id=3809）