jquery冲突,jquery版本冲突解决办法
如何优雅的解决velocity与jquery的冲突
1.jquery和velocity冲突
目前成都创新互联公司已为近1000家的企业提供了网站建设、域名、雅安服务器托管、网站托管维护、企业网站设计、双台子网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
如js中的$.ajax,会被识别为velocity对象,这样velocity会抛出异常
解决办法:将 $.ajax改为jQuery.ajax
2.validate插件
$(document).ready(function(){
$("#commentForm").validate();
});
commentForm为form对应的ID
input对应的class为验证方法,如:class="required",class="required email"等,
可通过设置title来显示错误信息
也可以自定义validate,这样可以使input能干干净净的,如:
$(document).ready(function(){
var validator = $("#commentForm").validate({
rules: {
name: "required"
},
messages:{
required:"必填项"
}
})
});
jQuery版本之间冲突如何解决?
所以實現版本之間的和平相處很重要。這裡介紹一個函數,可以很順利,很簡單的解決這個問題。
使用實例:script type="text/javascript" src="jquery.js"/script
script type="text/javascript"
var j = jQuery.noConflict(true);
/script
script type="text/javascript" src="jquery-1.7.js"/script
script type="text/javascript"
$(document").ready(function(){
alert(faf");})
j(document").ready(function(){
alert(faf");})/script
運行這個函數把$的使用權讓渡給另一個jquery庫,這樣就能避免不同jquery版本之間的$對象之間的衝突。(經試驗,如上試驗驗證可以輸出兩個彈出框,可以解決不同版本之間的衝突。)
在運行這個函數之後,就只能用j訪問第一個jquery庫。例如,在要用到$(div p")的地方,就必须换成j(div p")。另一個jquery庫,正常使用$訪問。
注意:這個函數必須在導入jQuery文件之后,並且在導入另一個jquery庫之前運行。(如上例運行位置。)
是否可以解决您的问题?
jquery的两个不同的JS文件冲突怎么办
jQuery.noConflict([extreme])
概述
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 '''注意:'''这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库'''之前'''使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。
参数
extremeBooleanV1.0
传入 true 来允许彻底将jQuery变量还原
示例
描述:
将$引用的对象映射回原始的对象。
jQuery 代码:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';
描述:
恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。
jQuery 代码:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 其他用 $ 作为别名的库的代码
描述:
创建一个新的别名用以在接下来的库中使用jQuery对象。
jQuery 代码:
var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';
描述:
完全将 jQuery 移到一个新的命名空间。
jQuery 代码:
var dom = {};
dom.query = jQuery.noConflict(true);
结果:
// 新 jQuery 的代码
dom.query("div p").hide();
// 另一个库 $() 的代码
$("content").style.display = 'none';
// 另一个版本 jQuery 的代码
jQuery("div p").hide();
同一个页面中调用两次jquery导致冲突
那你就不要调用2次了,调用就要放到最主的页面就好了,反正其他的都要嵌进去到这个主页面的,然后都可以调用到jquery了,怎么这都不知道,我们都无语了
jquery 版本冲突怎么解决
单独对应就用下面的方法
!-- 引入1.6.4版的jq --
script src=""/script
script var jq164 = jQuery.noConflict(true); /script
!-- 引入1.2.2版的jq --
script src=""/script
script var jq122 = jQuery.noConflict(true); /script
script
(function($){
//此时的$是jQuery-1.6.4
$('#header');
})(jq164);
/script
script
(function($){
//此时的$是jQuery-1.2.2
$('#footer');
})(jq122);
/script
jquery easyui和jquery.js有冲突怎么解决
(1)鉴于此种情况,有可能是多个页面只引用easyui或者jquery导致easyui覆盖了jquery从而产生冲突
(2)解决方法建议建立一个模板把所要用到的jquery和easyui放模板中,这样就不会出现覆盖的情况
(3)此外还有相关解决方案,可以参考此链接中的解决办法
当前文章:jquery冲突,jquery版本冲突解决办法
当前URL:http://ybzwz.com/article/phijii.html