成都创新互联网站制作重庆分公司

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版本冲突解决办法
分享路径:http://cxhlcq.com/article/phijii.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部