现在的位置: 首页 > 综合 > 正文

jquery技巧之让jquery和prototype共存

2014年01月05日 ⁄ 综合 ⁄ 共 1967字 ⁄ 字号 评论关闭

转自:http://space.itpub.net/14734416/viewspace-474639

<a href="http://space.itpub.net/14734416/%3Ca%20href=" javascript:;"="" target="_self" style="word-break: break-all; color: rgb(0, 153, 153); line-height: normal !important;">javascript:;"
onClick="javascript:tagshow(event, 'jquery');" target="_self">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>

抱歉!评论已关闭.