jquery和prototype冲突解决

作者:Liaodeity - 2015年06月09日

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>


本文作者: Liaodeity

本文链接: https://www.jianbaizhan.com/article/225

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!