解决JS和jQuery冲突思路及解决办法

最新推荐文章于 2020-11-26 00:56:42 发布

weixin_33895657

最新推荐文章于 2020-11-26 00:56:42 发布

阅读量214

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jkyweb/archive/2011/05/23/2054498.html

本文介绍了解决jQuery与其他JavaScript库冲突的问题，通过调整加载顺序、使用jQuery.noConflict()和替换$为jq来实现冲突避免。适用于前端开发中遇到的常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

冲突多数原因是都用到了$，导致jquery与xxx.js冲突

解决方法蛮简单的，

调整顺序，先加载xxx.js，再加载jquery.js
紧跟着，声明一下var jq = jQuery.noConflict();
最后，把调用jQuery的$替换成jq

转载于:https://www.cnblogs.com/jkyweb/archive/2011/05/23/2054498.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33895657

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

加载jQuery后$冲突的解决办法

10-29

这个问题被称为“$冲突”或“jQuery冲突”。解决这个问题的方法主要有两种思路。首先，需要明确冲突的具体情况。一般来说，当我们引入jQuery库之后，使用$这个快捷方式会导致冲突，因为$同时也是其他JavaScript库...

jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

10-21

在实现上，我们可以通过以下代码来演示如何使用jQuery解决`input`元素的`blur`事件和非表单元素的`click`事件冲突问题。 HTML结构非常简单，只有一个`input`输入框和一个`div`元素： ```html 默认值"> <br/> ...

参与评论您还未登录，请先登录后发表或查看评论

遇到的js和jQuery的问题

weixin_30341745的博客

10-30

145

一.遇到js和jq的问题 1.当有循环时，你想获取其个数可以用其$(".class或#id").length 2.select-option中想取option的value值可以用在select对象如用id属性$("#id").value；如果是循环seect-option想选择自己选中的值在select中加入onchange="getVal(this)"方法 function getVal(...

遇到的JavaScript以及JQuery的一些问题

weixin_30871293的博客

04-18

103

1，去掉元素的某个类 $("#id").removeClass('类名'); 2，为div增加一个div子元素 $("#div").append('<div></div>'); 3，获取当前选中项的索引，譬如（ul中的li） 1 //删除 2 $(".close").clic...

【自用】js编写遇到的问题和解决方式(持续更改)

qq_40273285的博客

03-23

252

1.button设置disabled true 和 false 千万不要加引号 <button id="btnPay" class="btn btn-disabled" disabled>付款</button> <script> $('#btnPay').removeClass('btn-disabled').attr('disabled', false...

FK JavaScript:ArcGIS JavaScript类库加载不成功而导致的程序异常

weixin_30587927的博客

05-26

244

现象:页面加载时,有时候成功,有时候出错,出错的地方为init.js 加载esri的类库经过仔细对比,发现出错时dojo加载的类库中,对象的很多属性都为undefined,而加载成功时,该对象的相关属性都是有值的加载成功与否基本是随机的. 错误提示: Uncaught TypeError: Cannot read property 'toLowerCase' of null 目前遇到...

react中使用zTree报错jQuery is not define

Chris__wang的博客

01-04

2453

在使用react的时候发现引用的ztree会报错，应该是jquery与ztree里面的jquery冲突造成的，网上找到一个解决办法，记录一下新建 jquery-vendor.js import $ from 'jquery' window.$ = $ window.jQuery = $ export default $ 使用 import $ from '../assets/jqu...

解决AjaxPro与jQuery冲突的实例教程

根据上述解决思路，可以参考给出的两个参考资料链接中的方法，以及一个示例工程WebSite1，来具体操作和解决冲突问题。WebSite1作为可以直接运行的例子，很可能是已经调整好加载顺序、使用了noConflict()方法或者为...

解决ECShop中transport.js与jQuery的冲突问题

在ECShop中，`transport.js`通过扩展`Object.prototype`来加入JSON支持，但这种做法会与`jQuery`等库冲突，因为它们同样可能扩展了`Object.prototype`，使得`toJSONString`等方法具有不同的功能和用途，导致不同库间...

jq与discuz冲突解决方法

03-16

### jq与discuz冲突解决方法 #### 冲突原因在深入探讨如何解决jq（即jQuery）与Discuz之间的冲突之前，我们先来了解一下冲突的根本原因。jQuery 是一个流行的...希望本文能帮助您更好地理解和解决类似的技术难题。

jQuery多个版本和其他js库冲突的解决方法

10-21

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，该怎么解决呢？下面小编给大家带来了jQuery多个版本和其他js库冲突的解决方法，一起看下吧

jQuery与其他JS库或jQuery文件冲突解决方法

02-28

本人亲测，本人网页有两个JS效果，用到了两个jQuery文件（一个是jquery.min.js，另一个是jquery.pack.js），可以两个冲突，只能保留一个。但效果就只能有一个。我想两个都保留，于是就想了很多办法，查了很多资料，现分享给大家。2分不多，评论就能得1分，另1分，我纯手打这么多字，给我1分吧。谢谢！

JQuery和js加载模式/多种写法/冲突解决

407指导员

11-26

264

JQuery和js加载模式 1.原生JS会等到DOM元素加载完毕，并且图片也加载完毕才会执行。 jQuery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行 <script> window.onload = function () { //通过原生的JS入口函数可以拿到DOM元素 var img = document.getElementsByTagName("img")[0]; //通过原生JS入口函数可以获得DOM元素的宽高

jQuery validate 和artDialog的兼容问题

TOP_Y的专栏

12-03

1510

今天遇到了一个很恶心的问题，就是我的页面是用artDialog弹出的，页面是这个样子的然后想通过jQuery validate进行为空验证，发现Jquery Validate不起作用，后来看了一下Jquery Validate的验证机制，发现不能页面调用时候加载验证规则，因为artDialog是吧原来的输入信息的表单删除掉，再次添加了一个，然后我尝试了在artDialog生成之后添加验

加载高德地图js和jquery冲突的问题

chenhq_的博客

12-09

4120

在使用load(url)加载页面的时候，如果是调用了外部的js文件如高德地图，可能会和项目里的jquery冲突，此时可以将此放在jquery前面先加载。

jQuery与别的js框架冲突

weixin_30412013的博客

12-01

139

jQuery.noConflict()运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。 <script type="text/javascript" src="js/jquery-1.8.3.js"></script>　　<script type="text/javascript"&gt...

jQuery与其他JS框架冲突解决

hong201的专栏

10-26

1720

目前有好几个js库都不约而同的使用了$符号，当然了，在每个框架中的作用基本一致，但不是同一个对象。关于jQuery使用$的冲突解决如下：第一步： jQuery.noConflict(); 第二步：在你的js代码中使用jQuery对象的地方，把$替换为jQuery。

jquery与js函数冲突的两种解决方法

unity3d学习者

09-10

1352

如果您还有别的要求，想继续使用原先的$()，同时还需要与别的类库不冲突的话，还有两种解决方法其一： jQuery.noConflict(); jQuery(function($) { $("p").click(function() //在函数内继续可以使用jquery类库的$()方法 { alert($(this).text()); }) }) var JsCOM_cr = $("cr"

jQuery与其他JS库冲突解决

weixin_33725722的博客

01-15

120

实际开发中遇到JQuery与其他js库起冲突究其原因，是它们的全局对象定义冲突了，特别是变量”$”，可重载$函数。使用jQuery.noConflict()就可以通过重载$函数例：项目中应用的 <script type="text/javascript" src="js/mootools.js"></script> <script type=...