解析jQuery与其它js(Prototype)库兼容共存
更新时间:2013年07月04日 10:30:24 作者:
解决jQuery与其它js(Prototype)库冲突的方法很简单,就是使用jQuery的jQuery.noConflict()函数,以下小编就为大家介绍,需要的朋友可以参考下
一、在运行这个函数后,可以恢复使用别名 $ ,在这个函数的作用域中仍然将 $ 作为 jQuery 的别名来使用。
jQuery Code:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 基于其他库用 $ 作为别名的代码
二、在运行这个函数后,可以创建一个新的 jQuery 别名来替换原来的 jQuery 别名 $ 来使用。
jQuery Code:
var j = jQuery.noConflict();
// 使用新别名 jQuery 的代码
j("div p").hide();
// 基于其他库用 $ 作为别名的代码
$("content").style.display = 'none';
注意:这个函数必须在你导入 jQuery 文件之后,并且在导入另一个导致冲突的库之前使用。
jQuery Code:
复制代码 代码如下:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 基于其他库用 $ 作为别名的代码
二、在运行这个函数后,可以创建一个新的 jQuery 别名来替换原来的 jQuery 别名 $ 来使用。
jQuery Code:
复制代码 代码如下:
var j = jQuery.noConflict();
// 使用新别名 jQuery 的代码
j("div p").hide();
// 基于其他库用 $ 作为别名的代码
$("content").style.display = 'none';
注意:这个函数必须在你导入 jQuery 文件之后,并且在导入另一个导致冲突的库之前使用。
相关文章
jqueryMobile 动态添加元素,展示刷新视图的实现方法
下面小编就为大家带来一篇jqueryMobile 动态添加元素,展示刷新视图的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05


最新评论