jquery技巧之让jquery和prototype共存
来源:互联网 发布:网络视频常用的纯音乐 编辑:程序博客网 时间:2024/06/05 18:24
jquery 和 prototype的冲突就是$()
所以我们只要将其中一个 换一种方式使用就可以了
首先 将jquery.js放到prototype.js前面(这个是必须的!)。
其次 在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>
将原来使用的$方法名一律替换为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.js放到prototype.js前面(这个是必须的!)。
其次 在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>
将原来使用的$方法名一律替换为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技巧之让jquery和prototype共存
- jquery技巧之让jquery和prototype共存
- 让jquery与prototype共存
- jQuery 与 prototype 共存
- jQuery与prototype共存方法
- [ jQuery ] jQuery.fn和jQuery.prototype区别!
- 让jQuery与其他框架共存
- jQuery 与其它 js(Prototype) 库兼容共存
- ofbiz下如何实现 prototype、jQuery多库共存
- ofbiz下如何实现 prototype、jQuery多库共存
- ofbiz下如何实现 prototype、jQuery多库共存
- jQuery.fn和jQuery.prototype区别介绍
- jQuery.fn和jQuery.prototype区别介绍
- jquery和prototype冲突解决
- jquery和prototype冲突解决
- jquery和prototype冲突问题
- prototype和jquery冲突 解决方法
- jquery和prototype冲突解决
- 软件服务的10大预测 软件将没有国度
- CreateProcess插入DLL的方法
- 雅虎日本本土化战略成功 市值直逼母公司
- CreateProcess插入DLL的方法 (EXE篇
- 亚马逊将推大学生版Kindle电子书阅读器
- jquery技巧之让jquery和prototype共存
- Wss3:备份、还原或移动 SharePoint 网站的几种方法
- Visual C++编程封装ADO类
- 自定义函数过启发杀毒或者用于其它目的
- 珠三角产业边破边立 服务外包成广州发力点
- ASP.NET AJAX入门系列(1):概述
- 传AMD下个月将推出两款新处理器与Atom竞争
- 将dll从进程模块列表中移除并保持正常运行
- AMD出售数字电视芯片业务 作价1.9亿美元