当前位置:网站首页资讯教程软件教程→详情

jQuery遇到其它框架使用$符号,引起$冲突怎么办?

时间:2020-02-26    人气:1305    作者/来源:下载无忧


有很多其它框架使用 $ 符号作为简写,这与JQuery的造成冲突,可以用jQuery noConflict() 方法解决。


例1,直接使用jQuery:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="引用路径/jquery.min.js">
</script>
<script>
$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("下载无忧的网址是:www.xiazai51.com");
  });
});
</script>
</head>
<body>
<p>下载无忧的网址是?</p>
<button>点我回答问题</button>
</body>
</html>

这样带着jQuery字符串太麻烦了,noConflict() 支持简写,把它存入变量,以后使用这个变量即可
例2返回对 jQuery 的引用:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="引用路径/jquery.min.js">
</script>
<script>
var jq=$.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("下载无忧的网址是:www.xiazai51.com");
  });
});
</script>
</head>
<body>
<p>下载无忧的网址是?</p>
<button>点我回答问题</button>
</body>
</html>

关于我们|网站帮助|网站声明|联系我们

Copyright @ 2020-2028 下载无忧.All Rights Reserved

下载无忧是一个绿色、安全、免费的下载网站,提供电脑软件、网络游戏、手机应用、手机游戏下载

备案编号: 豫ICP备16017571号-3    公安备案号:41010402002332

服务热线

170-8835-6868

微站

扫描微站