江湖论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 298|回复: 0

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

[复制链接]

210

主题

248

帖子

1792

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1792
发表于 2022-5-2 18:43:29 | 显示全部楼层 |阅读模式
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();
});

问题解决!



回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|江湖论坛

GMT+8, 2022-8-9 12:12 , Processed in 0.062495 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表