文档章节

jQuery.noConflict()

715paris
 715paris
发布于 2015/03/26 11:32
字数 288
阅读 16
收藏 0

运行这个函数将变量$的控制权让渡给第一个实现它的那个库。

这有助于确保jQuery不会与其他库的$对象发生冲突。

<script type="text/javascript" src="/javascripts/jquery.js"></script>
    <script type="text/javascript">
       var j$ = $;
       jQuery.noConflict();
    </script>
<script type="text/javascript" src="/javascripts/prototype.js" ></script>

在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("button")的地方,就必须换成j$("button")。

注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。

使用方式1:

jQuery.noConflict();
// 使用 jQuery
j$("button").hide(); 
// 使用其他库的 $() 
$("content").style.display = 'none';

使用方式2:

//我的一个站点 7cybersec.cn
var 7cybersec = jQuery.noConflict();
// 基于 jQuery 的代码
7cybersec("button").hide(); 
// 基于其他库的 $() 代码 
$("content").style.display = 'none';

这样就不用因为JQuery和其它的JS框架有冲突,而犯愁了。


© 著作权归作者所有

共有 人打赏支持
715paris
粉丝 1
博文 6
码字总数 1820
作品 0
东莞
Discuz jQuery 冲突

$(id)函数冲突Discuz使用了S()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突,代码依旧位于include/common.js中,如下: Code:function $(id) {return document.getElementById(...

Jack088
2016/07/04
5
0
jQuery与mootools共存冲突解决

jQuery与mootools共存冲突解决 方式一: <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script> jQuery.noConflict(); // Use jQuery via jQuer......

GIFCOOL
2013/04/15
0
0
解决jQuery库与其他js库的冲突

2种情况下解决 1.之前导入jquery库 不需要移交$()使用权限,$()权限属于后导入的库 1.1直接使用jquery而不使用$就可以解决冲突 jQuery(function(){ jQuery("p")click(function(){ alert(jQue...

赤月三号
2016/06/01
8
0
两个jQuery冲突了怎么办

本篇文章主要是对JQuery的$和其它JS发生冲突的快速解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,J...

刘宗阳博客
2016/11/08
19
0
Velocity与jQuery的$发生冲突时的三种解决方法

Velocity的$与Jquery的$发生冲突时的解决方法有以下几个: 1、使用jQuery代替$。 如:jQuery.ajax(); 缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发 2、使用jQuery.noConflict。 如:...

黄平俊
2010/01/31
2.4K
0

没有更多内容

加载失败,请刷新页面

加载更多

你为什么在Redis里读到了本应过期的数据

一个事故的故事 晚上睡的正香突然被电话吵醒,对面是开发焦急的声音:我们的程序在访问redis的时候读到了本应过期的key导致整个业务逻辑出了问题,需要马上解决。 看到这里你可能会想:这是不...

IT--小哥
今天
2
0
祝大家节日快乐,阖家幸福! centos GnuTLS 漏洞

yum update -y gnutls 修复了GnuTLS 漏洞。更新到最新 gnutls.x86_64 0:2.12.23-22.el6 版本

yizhichao
昨天
3
0
Scrapy 1.5.0之选择器

构造选择器 Scrapy选择器是通过文本(Text)或 TextResponse 对象构造的 Selector 类的实例。 它根据输入类型自动选择最佳的解析规则(XML vs HTML): >>> from scrapy.selector import Sele...

Eappo_Geng
昨天
2
0
Windows下Git多账号配置,同一电脑多个ssh-key的管理

Windows下Git多账号配置,同一电脑多个ssh-key的管理   这一篇文章是对上一篇文章《Git-TortoiseGit完整配置流程》的拓展,所以需要对上一篇文章有所了解,当然直接往下看也可以,其中也有...

morpheusWB
昨天
5
0
中秋快乐!!!

HiBlock
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部