jquery.min.js与其他js脚本的冲突解决
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)【声明】: 以上文章或资料除注明为电脑技巧原创或编辑整理外,均为网络收集整理或网友推荐。以上内容以共享、参考、研究为目的,不存在任何商业目的。 未注明作者或出处的文章,可能资料来源不规范。如有涉及版权请给予及时联系更正或予以删除。 |