Dzwebs.Net

撰写电脑技术杂文十余年

jquery库引用太多导致冲突的解决办法

Admin | 2017-2-9 8:58:32 | 被阅次数 | 4661

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如果我们在同一个网页中,引用了很多的jquery库,那么,势必会造成冲突导致代码无法正常运行。遇到这种情况,仍然可以找到解决的办法。

  比如,先是在页面中引用了如下的库。

  <script type="text/javascript" src="../MyEditor/JS/jquery-1.4.4.min.js"></script>

  <script type="text/javascript">

  function fsxx()
  {

   //JS代码

   var getcon=$("#content1").val();

  }

  </script>

  接着,又在页面中引入如下的库。

  <script type="text/javascript" src="../MyEditor/JS/jquery.js"></script>

  <script type="text/javascript">

  function Myhs()
  {

   //JS代码

    var getcon=$("#content1").val();

  }

  </script>

  如果是这样的话,那么,势必会造成库冲突,导致上面黑色加粗的代码不能正常运行。

  那么,遇到这种问题如何解决呢?由于引用的库是有先后顺序的,但是多为jquery库,因此,把后面的库调用方法重新定义就行了。下面看修改后的代码。上面的部分不用修改,只修改下面的代码就可以了。

  <script type="text/javascript" src="../MyEditor/JS/jquery.js"></script>

  <script type="text/javascript">

  var $jq = jQuery.noConflict(true);

  function Myhs()
  {

   //JS代码

    var getcon=$jq("#content1").val();

  }

  </script>

  注意看上面红色代码,这就是修改的地方。


该杂文来自: 网页制作杂文

上一篇:json数据在服务器端和客户端的接收与发送

下一篇:nodejs之request(带参数)与asp.net相互通信的例子

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计