jQuery和Js代码冲突的解决办法

admin

jQuery和Js代码冲突的解决办法1210

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

或者把JS中的$全部替换为jquery就可以！

例：

<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();
});

问题解决！

ceshi

学习。。。。