码迷,mamicode.com
首页 > 编程语言 > 详细

完美解决jQuery符号$与其他javascript 库、框架冲突的问题

时间:2017-02-03 12:22:35      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:conflict   javascrip   导致   comm   修改   var   com   解决   调用   

目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突。

jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写。

例如:alert($(‘#message‘).val());

必须修改为 alert(jQuery(‘#message‘).val());

也可以重新定义 $ 进行调用

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
 // Code that uses jQuery‘s $ can follow here.
});
// Code that uses other library‘s $ can follow here.
</script>
 
换成 j 作为调用符号
var j = jQuery.noConflict();
  
// Do something with jQuery
j( "div p" ).hide();
  
// Do something with another library‘s $()
$( "content" ).style.display = "none";

完美解决jQuery符号$与其他javascript 库、框架冲突的问题

标签:conflict   javascrip   导致   comm   修改   var   com   解决   调用   

原文地址:http://www.cnblogs.com/sjqq/p/6362290.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!