jquery和prototype冲突解决
2011-12-08 11:08
405 查看
问题背景: 想用 jQuery 做 AJAX 处理, 用基于 Prototype 的 EasyValidation 做表单验证, 但是二者不能共存, 因为都用了同一个方法名: $().
解决:
jquery和prototype冲突解决, 网上流传的一篇文章,我这里测试结果是错误的! http://ajaxbbs.net/blog/post/71/
另一种方式是: <script type=”text/javascript”>
jQuery.noConflict();
</script>
复制代码参考: http://www.d5s.cn/archives/6, 但我这里测试也有问题!
本人测试通过的方式:
1、将jquery.js放到prototype.js前面(这个是必须的!)。
2、在jquery.js后面将$变量重命名。
方法如下: <script type="text/javascript" src=\'#\'" /script>
<script type="text/javascript">
var jQuery=$;
</script>
<script type="text/javascript" type="text/javascript" src=\'#\'" /script>
<!--上面这个window.js调用了jquery框架的方法-->
<script type="text/javascript" type="text/javascript" src=\'#\'" /script>
复制代码3、将原来使用的$方法名一律替换为jQuery名,如$("obj")替换为jQuery("obj")。
例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation: <!-- jquery, 注意加载顺序 -->
<script src=\'#\'" /jquery-1.2.6.pack.js"></script>
<script type=”text/javascript”>
var jQuery=$;
</script>
<!-- 表单验证 -->
<script src=\'#\'" /lib/prototype.js" type="text/javascript"></script>
<script src=\'#\'" /lib/effects.js" type="text/javascript"></script>
<script src=\'#\'" /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冲突解决, 网上流传的一篇文章,我这里测试结果是错误的! http://ajaxbbs.net/blog/post/71/
另一种方式是: <script type=”text/javascript”>
jQuery.noConflict();
</script>
复制代码参考: http://www.d5s.cn/archives/6, 但我这里测试也有问题!
本人测试通过的方式:
1、将jquery.js放到prototype.js前面(这个是必须的!)。
2、在jquery.js后面将$变量重命名。
方法如下: <script type="text/javascript" src=\'#\'" /script>
<script type="text/javascript">
var jQuery=$;
</script>
<script type="text/javascript" type="text/javascript" src=\'#\'" /script>
<!--上面这个window.js调用了jquery框架的方法-->
<script type="text/javascript" type="text/javascript" src=\'#\'" /script>
复制代码3、将原来使用的$方法名一律替换为jQuery名,如$("obj")替换为jQuery("obj")。
例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation: <!-- jquery, 注意加载顺序 -->
<script src=\'#\'" /jquery-1.2.6.pack.js"></script>
<script type=”text/javascript”>
var jQuery=$;
</script>
<!-- 表单验证 -->
<script src=\'#\'" /lib/prototype.js" type="text/javascript"></script>
<script src=\'#\'" /lib/effects.js" type="text/javascript"></script>
<script src=\'#\'" /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和Prototype的兼容性和冲突的五种解决方法
- jQuery和Prototype的兼容性和冲突的五种解决方法
- Prototype与jQuery冲突|兼容性问题解决方法
- jquery和prototype冲突解决
- prototype.js 和jquery-1.6.2.js冲突问题解决方法
- jquery和prototype比较,以及冲突解决(转)
- magento 添加jquery已经解决和prototype的冲突
- jquery和prototype冲突解决
- jQuery与prototype(ajaxpro)冲突的解决方法
- jQuery validate插件与prototype.js冲突的解决办法
- 同时调用prototype与jquery冲突解决方法
- 求项目中遇到的jquery 和 prototype 冲突解决方式??在线等待·····
- prototype和jquery冲突 解决方法
- 找到了一篇jQuery与Prototype并存的冲突的解决方法
- jquery和prototype冲突解决
- Jquery与其它js框架(MooTools以及Prototype、Dojo、YUI等等)之间共享冲突的解决办法
- jQuery 与prototype冲突解决
- 解决prototype.js与jquery.js两个js冲突的办法。
- 解决 jQuery 与 prototype冲突 jQuery与easyvalidation冲突