jquery.min.js冲突怎么办

怎么解决js input失焦事件与时间的冲突
你在页面上写一个类似这样的代码:
js取到hidden的值:var oValue =
tElementById("hidden"). alert(...
通过如下的JS语句可以确定文本框值的字符长度:
document.getElementById('input_id').value.length
比如下面的例子...
答: 贷款紧急联系人的责任
答: 国内有后妈虐待孩子,中国男子足球队溃败亚洲杯及新主教练人选问题,方便面涨价问题;国际上我就不说了.
答: 民主就民做主吧
大家还关注
Copyright &
Corporation, All Rights Reserved
确定举报此问题
举报原因(必选):
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告,这不是个问题
报告原因(必选):
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区完美解决网站jquery冲突导致js交互失效的方法
  jQuery是一个兼容多浏览器的JavaScript框架,关键是免费开源,有时候为了实现某种交互式行为,设计者也必须向用户提供视觉上的反馈。这就是它的牛逼之处了。
  而且呢,jQuery还能够实现网页样式的改变。听起来像CSS干的事情。当所有浏览器不完全支持相同的标准时,单纯用CSS会显得吃力。&jQuery
可以弥补CSS的不足,它提供了跨浏览器的标准解决方案,改变样式属性分分钟的事儿。
  不过,有些JS在不同的浏览器里所得出的效果是不一样的,因此在制作网页的时候需要考虑到不同浏览器直接的兼容性。试想下,你写了一个js公共组件public.js,该组件需要用到jquery,为了不出岔子,得需考虑$符号冲突问题、多个JS不兼容等的问题。
  想想也是醉了
  看下图,如果JS和jQuery出现冲突的时候,切换根本是没作用的。
  马氪软件这边就不去多累赘了,把我们在实际操作中的经验分享给大家。例如上面的例子,JS文件中的一段如下:
//Tab-选项卡切换
$(function(){
$(".tab .tab_li").hover(function(){
$(this).parent().find(".tab_li").removeClass("tab_am");
$(this).addClass("tab_am");
var cutNum=$(this).parent().find(".tab_li").index(this);
$(this).parents(".tab").find(".tab_con").hide();
$(this).parents(".tab").find(".tab_con").eq(cutNum).show();
$(function(){
$(".tab2 .tab_li").click(function(){
$(this).parent().find(".tab_li").removeClass("tab_am");
$(this).addClass("tab_am");
var cutNum=$(this).parent().find(".tab_li").index(this);
$(this).parents(".tab2").find(".tab_con").hide();
$(this).parents(".tab2").find(".tab_con").eq(cutNum).show();
  如果要实现jQuery和其他JS互不干扰,各尽其职,具体的代码如下
  (function($) {
  //把你写好的js代码复制到这边
&(例如把//Tab-选项卡切换这一段加进来)
  })(jQuery);
  这样的方法,使得修改后的JS不会影响到其他JS文件,仅仅会影响到被包在jQuery(function($){}中的代码,运行起来速度比较稳定。
  这个方法在开发js插件时经常被用到,形式也可以改成如下:
  jQuery(function($){
  //你的js代码放在这里(例如是ready函数和子函数)
  //如果是js文件,其实就是在文件头部和尾部各加一行代码
  牛逼的不?jQuery 提供了截取形形色色的页面事件
(比如用户单击一个链接)的适当方式,而不需要使用事件处理程序搞乱HTML 代码。此外,它的事件处理API 也消除了经常困扰Web
开发人员的浏览器不一致性。
原文链接:&
&马氪软件-&&&&
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。两个js文件冲突的问题,求教怎么办?
[问题点数:20分,结帖人shijihongwei]
两个js文件冲突的问题,求教怎么办?
[问题点数:20分,结帖人shijihongwei]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2018年1月 Web 开发大版内专家分月排行榜第一2017年12月 Web 开发大版内专家分月排行榜第一2017年6月 Web 开发大版内专家分月排行榜第一2017年2月 Web 开发大版内专家分月排行榜第一2016年3月 Web 开发大版内专家分月排行榜第一2015年8月 Web 开发大版内专家分月排行榜第一
2018年2月 Web 开发大版内专家分月排行榜第二2017年11月 Web 开发大版内专家分月排行榜第二2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2012年11月 Web 开发大版内专家分月排行榜第三
2018年1月 Web 开发大版内专家分月排行榜第一2017年12月 Web 开发大版内专家分月排行榜第一2017年6月 Web 开发大版内专家分月排行榜第一2017年2月 Web 开发大版内专家分月排行榜第一2016年3月 Web 开发大版内专家分月排行榜第一2015年8月 Web 开发大版内专家分月排行榜第一
2018年2月 Web 开发大版内专家分月排行榜第二2017年11月 Web 开发大版内专家分月排行榜第二2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2012年11月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复!|在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
有没有比以下4个方法,更优雅的解决方案?
1、使用jQuery代替$. 如:jQuery.ajax();
缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发
2、使用jQuery.noConflict。 如:var j = jQuery.noConflict(); j.ajax();
缺点:当使用jQuery的相关插件时,会使得插件失效哦!
3、wrap jQuery中的冲突方法。
如$.ajax()在Velocity中会冲突,则重新定义如下:
function dw(){}
dw.ajax=function(s){ jQuery.ajax(s); } dw.ajax();
方案3基本上解决了1、2中的缺点~~~故推荐使用第三种方法!
定义一个 $JQ="$."
以后可以用 ${JQ}ajax().......
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
(function($){})(jQuery);可以解决大部分问题了。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
十秒钟以内没搜明白什么是velocity,好像这个叫的货怎么看也和jQuery.ajax没关系,先不管了
如果冲突的是$这个名字,那么我认为正道应该就是1了,也就是jQuery.noConfilict(),然后用jQuery,至于第三方库,如果第三方库连这个都不支持,还在依赖window.$的话,我建议你强烈怀疑那个第三方库的作者的水准,尽量踢掉,实在不行就帮他包一层(function($){})(jQuery)也就是一句话的事儿
重头看一遍好像又有点像那个模板引擎的问题了。那么答案应该是在HTML里嵌入JS代码是邪路,醒醒吧少年
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
还有一种模块化的思想,使用 requirejs 或者 seajs 等模块加载器,将jQuery 和 你所说的 velocity作为一个模块加载即可。
例如 seajs官方快速上手的这个例子:
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
;(function($){
$(function(){
})(jQuery)
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。posts - 85,&
comments - 32,&
trackbacks - 0
众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点。
然后,JS插件并非只有JQuery,还有prototype.js 等其它比较好的插件。它们也使用$。所以有时候同时使用这个两个JS插件的时候,就会出现$的使用权冲突问题。现在我们来看看如何解决这个冲突问题。请看下文:
我们都知道JQuery有一个函数,jquery.noConflict() 它的作用是讲$的控制权转让出去。然后我们可以通过jQuery代替$来获取dom节点
&script type="text/javascript"&&jQuery.noConflict(); //将变量$的控制权让渡给prototype.js&jQuery(function(){ //使用jQuery&jQuery("p").click(function(){&alert( jQuery(this).text() );&});&});&$("pp").style.display = 'none'; //使用prototype&&/script&&
我们可以通过noConflict()函数来定义一个快捷方式用来获取dom节点
&script type="text/javascript"&&var $j = jQuery.noConflict(); //自定义一个比较短快捷方式&$j(function(){ //使用jQuery&$j("p").click(function(){&alert( $j(this).text() );&});&});&$("pp").style.display = 'none'; //使用prototype&&/script&&
还有其它的方法,都给大家列举出来,同理都可以看明白了吧,呵呵。
&script type="text/javascript"&&jQuery.noConflict(); //将变量$的控制权让渡给prototype.js&jQuery(function($){ //使用jQuery&$("p").click(function(){ //继续使用 $ 方法&alert( $(this).text() );&});&});&&$("pp").style.display = 'none'; //使用prototype&&/script&&
&script type="text/javascript"&&jQuery.noConflict(); //将变量$的控制权让渡给prototype.js&(function($){ //定义匿名函数并设置形参为$&$(function(){ //匿名函数内部的$均为jQuery&$("p").click(function(){ //继续使用 $ 方法&alert($(this).text());&});&});&})(jQuery); //执行匿名函数且传递实参jQuery&$("pp").style.display = 'none'; //使用prototype&&/script&&
阅读(...) 评论()

我要回帖

更多关于 jquery.min.js冲突 的文章

 

随机推荐