`
haimav
  • 浏览: 54078 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery和prototype冲突解决

    博客分类:
  • html
阅读更多
最近做项目用到了jQuery验证,可在应用的js中也有prototype,导致jQuery无法使用,GOOGLE了一下才知道是这两个之间产生了冲突,也给出了解决办法,也照着上面解决了,把这个贴出来,大家也遇到这个问题时,也可以参考哈。
Java代码
<scripttype="text/javascript"src="jquery.js"></script>
  1. <scripttype="text/javascript">varjQuery=$;</script>
  2. <scripttype="text/javascript"type="text/javascript"src="prototype.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">var jQuery=$;</script>
<script type="text/javascript" type="text/javascript" src="prototype.js"></script>

大家要注意的是代码的顺序不能改变,否则也是不会起什么作用的。
转其他网友方法:

本人测试通过的方式:

1、将jquery.js放到prototype.js前面(这个是必须的!)。
2、在jquery.js后面将$变量重命名。
方法如下:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var jQuery=$;
</script>

<script type="text/javascript" type="text/javascript" src="window.js"></script>
<!--上面这个window.js调用了jquery框架的方法-->
<script type="text/javascript" type="text/javascript" src="prototype.js"></script>

3、将原来使用的$方法名一律替换为jQuery名,如$("obj")替换为jQuery("obj")。

例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation:

<!-- jquery, 注意加载顺序 -->
<script src="js/jquery-1.2.6.pack.js"></script>
<script type=”text/javascript”>
var jQuery=$;
</script>

<!-- 表单验证 -->
<script src="easy_validation/lib/prototype.js" type="text/javascript"></script>
<script src="easy_validation/lib/effects.js" type="text/javascript"></script>
<script src="easy_validation/src/validation_cn.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="easy_validation/styles/style_min.css" />

<div id="contents"></div>
<script>
jQuery(document).ready(function(){
//jQuery("#contents").load("test.jsp");
jQuery("#contents").load("test.jsp?username=BeanSoft")
});
</script>
<!-- 为form增加required-validate class,标识需要验证form -->
<form id='helloworld' action="#" class='required-validate'>
<input name="user.name" class="required min-length-6 max-length-20 validate-alphanum" value="beansoft">
*密码:
<input name="user.password" type="password" class="required min-length-6 max-length-20" value="123456" >

*密码(重复):
<input name="password1" type="password" class="required equals-user.password" value="123456" >

<input type='submit' value='Submit'/>
<input type='reset' value='Reset'/>
</form>

分享到:
评论

相关推荐

    找到了一篇jQuery与Prototype并存的冲突的解决方法

    知道了原因就想办法解决吧,总不至于让我脱离jquery重新写一遍吧,去网上狂搜了一番终于找到了一些解决办法,这就是: 1、将jquery.js放到prototype.js后面(这个是必须的否则无论如何还是要罢工地)。 2、在jquery....

    jQuery prototype冲突的2种解决方法(附demo示例下载)

    本文实例分析了jQuery prototype冲突的2种解决方法。分享给大家供大家参考,具体如下: jquery和prototype怎么会冲突,归根到底就是因为他们二个都用到了$,同时用,混淆了。这个问题解决过不下5次,每次解决都要查...

    解决jquery中美元符号命名冲突问题

    下面以引入两个库文件 jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之后进行引入,如: &lt;&lt;/span&gt; script src = ” prototype.js ” type = ” text/javascript ” /&gt; &lt;...

    jquery学习必备代码和技巧

    学习jQuery 必备的一些代码和方法,相信学习了本文,你可以对jQuery的学习更加容易。...2. 解决jQuery, prototype共存,$全局变量冲突问题: &lt;script src="prototype.js"&gt;&lt;/script&gt; &lt;script

    关于jQuery库冲突的完美解决办法

    在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突,下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法,需要的朋友可以参考借鉴,下面来一起看看吧。

    ECShop解决jQuery补丁.zip

    冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错。 解决方案: 根本...

    JQuery的$命名冲突详细解析

    在Jquery中,$是JQuery的别名,...下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之后进行引入,如:[removed] &lt;script src=”jquery.js” type=”text/javascr

    ECShop中transport.js与jQuery冲突

    Object.prototype.toJSONString) { 这一段代码,然后把里面的内容全部注释掉。(参考:注释掉496-737行) 2.2 加入新的JSON支持方法 function objToJSONString(obj, filter){ return JSON.stringify(obj, filter...

    如何解决jQuery 和其他JS库的冲突

    通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...

    jquery插件使用方法大全

    jQuery 1.5(2011年1月31日):该版本修复了83个bug,解决了460个问题。重大改进有:重写了Ajax模块;新增延缓对像(Deferred Objects);jQuery替身——jQuery.sub();增强了遍历相邻节点的性能;jQuery开发团队构建...

    在jQuery中使用$而避免跟其它库产生冲突的方法

    在Jquery中,$是JQuery的别名,...下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之后进行引入,如: [removed] &lt;script src=”jquery.js” type=”text/javas

    jQuery 名称冲突的解决方法

    jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

    jQuery权威指南-源代码

    10.5 解决jQuery库与其他库的冲突/326 10.5.1 jQuery在其他库前导入/326 10.5.2 jQuery在其他库后导入/328 10.6 使用子查询优化选择器性能/330 10.7 减少对DOM元素直接操作/332 10.8 正确区分DOM对象与jQuery...

    transport.js和jquery冲突问题的解决方法

    大概 580行到590行之间 这个句用于格式化json,他重写了object的结构,导致于js框架冲突,如果要解决需要把这段代码注释掉,然后用别的方式替换。 我是将所有用到*.toJSONString的地方,替换成一个函数,例如: /js/...

    learn-jQuery-sourceCode-node-jquery source code

    jQuery.fn就是jQuery.prototype为了省略字符; function JQuery(){ return new Jquery.prototype.init(); } Jquery.prototype.init=function(){}; jQuery.prototype.css=functioin(){}; Jquery.pr

    『jQuery』名称冲突使用noConflict方法解决

    jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助使用自己的名称(比如 jq)来代替 $ 符号。 代码如下: &lt;html&gt; &lt;head&gt; [removed][removed] [removed] var jq=...

    jQuery解决$符号命名冲突

    本文主要介绍jQuery中$符号命名冲突的解决方法,希望能帮到大家,有需要的朋友可以参考一下。

Global site tag (gtag.js) - Google Analytics