607的彩的正确网址

现在的位置: 607的彩的正确网址 > web前端 > 正文

jQuery中 $ 符号的冲突问题及解决方案

2020年02月17日 web前端 ⁄ 共 2438字 ⁄ 字号 评论关闭

  zaijqueryzhong,$shijquerydebieming,weileshuxiefangbian,womengengxiguanyong$('#id')zheiyileidefangshilaishuxiedaima。dangtongyiyemianyinyonglejqueryduogebanbenhuozhejqueryyumouxieqitajskuchanshengchongtu,kongzhitaijiuhuibaocuo。

  1.同一个页面多个版本冲突解决办法

  nikenenghuiwen,weishenmezaiyigeyemianshanghuiyinyongduogebanbendejquery,zhiyinyongyigebujiuhaolema?

  daanshi:buxing。yibanyaoyongdaoliangge(huoyishang)banbendejquerykudeyuanyinshi:xianyoudewangzhanyijingyonglejiubanbendejqueryyijixiangguanchajian,zhijiejiangjqueryshengjidaoxinbanbenhuidaozhizheixiejiyujiubanbenjquerydechajianbunenggongzuo,chufeininengbazheixiechajianquanbushengji,huozhedenggegechajiandezuozhefabuzhichixinbanbenjquerydechajianbanben。

  解决办法:使用jQuery.noConflict([extreme])方法。

607的彩的正确网址  biruwoyinyongdeshijquery-1.11.0.jshejquery-1.5.0.js。

  < script src="jquery-1.5.0.js">< /script>

  < script src="jquery-1.11.0.js">< /script>

  < script>

607的彩的正确网址  console.log($.fn.jquery); //'1.11.0'

607的彩的正确网址  var $jq = jquery.noconflict(true);

  console.log($.fn.jquery); //'1.5.0'

  < /script>

  keyikandaojquery.noconflictjiangbianliang $ dekongzhiquanrangdujile1.5.0banbendejqueryku。eryaoshiyong1.11.0debanbenzeyaoyong $jq() daiti。

  danshiyinrulelianggebanbendejqueryhou,daimahenluan,daozhibierennanyilijieshenzhiwushanleyixiezhongyaodaimazenmeban?

  gaijindefangfashi:

  xianzhijieyinyongxinbandejqueryku。

  < script src="jquery-1.11.0.js">< /script>

  < script src="myJS.js">< /script>

607的彩的正确网址  bawomenxiedejiaobenmyjs.jszhongdezhutineirongxiezailijidiaoyonghanshulitou,yinyongdeshixindebanbendejquery。

  //myjs.js

607的彩的正确网址  (function() {

  //myjs.jsdedaima,yinyongdeshiv1.11.0

  })();

  zaixieyigelijidiaoyonghanshu,bajiubanbendejquerydaimaqianjinqu(yasuodaimazhiyoujixing)。ranhouzailimianxiedaima,cishibianliang$suoyinyongdeqianmianqianjinqudejquery。

  //myjs.js

  (function () {

  //...cichushenglve/jquery1.5.0

607的彩的正确网址  //jquery1.5.0deyasuodaima

607的彩的正确网址  var $ = jquery.noconflict(true);

607的彩的正确网址  //cichukaishixiede$()suoyinyongdeshijquery1.5.0

  })();

607的彩的正确网址  ps:xuyaojianchajquerydexieyishifouyunxuwomenbajqueryyuanmazhijieqianruwomenzijidejavascriptdaima

  2. 同一页面jQuery和其他js库冲突解决方法

  ①yirankeyishiyongjquery.noconflictjiangbianliang$dekongzhiquanrangdujiqitajsku。

  ruguojqueryzaiqitajskuqian,buxuyaoshiyongnoconflict。

  < !-- 引入 jquery库 -->

  < script src="jquery-1.11.0.js">< /script>

  < script type="text/javascript">

  var $jq = $;

607的彩的正确网址  console.log($.fn.jquery); //'1.11.0'

  < /script>

  < !-- 引入 其他库-->

  < script type="text/javascript">

  $ = {

  fn:{

  jquery:"otherjs"

  }

  };

  < /script>

  < script type="text/javascript">

607的彩的正确网址  console.log($.fn.jquery); //otherjs

  console.log($jq.fn.jquery); //'1.11.0'

  < /script>

607的彩的正确网址  ruguozaiqitajskuzhihou,yongnoconflictrangdu。

  < !-- 引入 其他库-->

  < script type="text/javascript">

  $ = {

  fn:{

607的彩的正确网址  jquery:"otherjs"

  }

  };

  < /script>

  < !-- 引入 jquery库 -->

  < script src="jquery-1.11.0.js">< /script>

  < script type="text/javascript">

607的彩的正确网址  console.log($.fn.jquery); //'1.11.0'

  var $180 = $.noconflict(); //jiechuchongtu

  console.log($.fn.jquery); //otherjs

  console.log($jq.fn.jquery); //'1.11.0'

  < /script>

  tadequedianshi:zaijiexialaidejsdaimazhongzhiyaoyinyongdaojqueryjiubixuba$huancheng$jq。

  ②readyhanshushijqueryderukouhanshu

  keyijiang

  $(document).ready(function() {...})

  tihuancheng:

  jquery(document).ready(function($) {...})

607的彩的正确网址  tadequedianshi:zhiduireadyqiantaoneidedaimayouxiao,ruguoreadyhanshuwaihaiyouyixiezihanshu,duiqiantaowaidedaimashiwuxiaode。

  ③ba$zuoweicanshuchuanjinqu

  (function($) {

  //nidejsdaima

  })(jquery);

  huozhe

  jquery(function($){

  //nidejsdaima

  }

  nidejsdaimakeyibaokuoshangmianshuodaodereadyhanshuhezihanshu。zaiyongjqueryxiegonggongzujiandeshihou,shiyongzheizhongfangshijinengbimian$chongtu,youwuxuyaoqiushiyonggonggongzujianderenxiugaizijidedaima。

607的彩的正确网址  yishangsuoshushixiaobianjidajiajieshaodejqueryzhong $ fuhaodechongtuwentijijiejuefangan,xiwangduidajiayousuobangzhu。

baoqian!pinglunyiguanbi.

2元中国福利彩票怎么看 2元买彩票选几个数字 2元中国福利彩票的买法 2元就可以打1毛的斗地主棋牌 2元彩是值得您信赖的 2元斗地主群 2元的彩的网 2元彩票双色球走势图双色球 2元彩票网全国走势图 2元就可以打1毛的炸金花棋牌