您的位置:365bet手机在线 > Web前端 > 符和其他JS库冲突的方法对比

符和其他JS库冲突的方法对比

发布时间:2019-11-22 18:38编辑:Web前端浏览(77)

    jQuery中需求用到$符号,假诺别的js库也定义了$符号,那么就会招致冲突,会影响到js代码的健康施行。jqeury提供了有的方案来幸免那一个难点,让大家来看看那多少个方案有啥样差距方案1: 引进noConflict(),将$替换为别的标识 复制代码 代码如下: var $j = jQuery.noConflict.ready{ $j.click{ alert("Text: " + $j; }); 短处:引进了这段代码后,不唯有是时下的js文件,该html援引的有着js中,假使有用到jquery中的$,都得用$j来代表以前的$ 方案2: ready函数是jquery的入口函数,可以 将$.ready{ 替换来jQuery.ready{} 劣势:只对ready嵌套内的代码有效,对嵌套外的代码是没用的。如若您有着的逻辑,都在写ready函数中,这没难点。但大家平日都会在ready函数之外写一些子函数,然后ready函数再去调用那些函数。这些方案对那个函数是不行的,由此那套方案有局限性。 方案3: 给js内容包上二个函数 复制代码 代码如下: jQuery{ //你的js代码放在那处(举例第二个方案提到的ready函数和子函数卡塔尔//倘若是js文件,其实就是在文件底部和尾巴部分各加意气风发行代码 } 也许 复制代码 代码如下: { //你的js代码 }); 那些法子,未有地方五个方案的劣点,只会影响到被包在jQuery{}中的代码。 不会潜移暗化到其余js代码,那点很关键。试想一下,若是你写了叁个js公共组件,该器件供给使用jquery,为了拉长鲁棒性,需思虑$符号矛盾难点。若是利用方案1,那么别人在应用时,还得据守你的约定,把本人js代码中的$改成$,而风流倜傥旦采纳方案3,不仅能幸免$冲突对该构件的影响,又不须求必要采取集体组件的人改正本人的代码。

    本文由365bet手机在线发布于Web前端,转载请注明出处:符和其他JS库冲突的方法对比

    关键词:

上一篇:Web前端之家365bet线上手机投注

下一篇:没有了