zoukankan      html  css  js  c++  java
  • jquery和prototype冲突解决

    最近做项目用到了jQuery验证,可在应用的js中也有prototype,导致jQuery无法使用,GOOGLE了一下才知道是这两个之间产生了冲突,也给出了解决办法,也照着上面解决了,把这个贴出来,大家也遇到这个问题时,也可以参考哈。

    Java代码
    <script type="text/javascript" src="jquery.js"></script>  
    1.<script type="text/javascript">var jQuery=$;</script>  
    2.<script type="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>

  • 相关阅读:
    源码学习-出差有感
    《java数据结构与算法》系列之“快速排序"
    新征途
    命运总是喜欢开玩笑
    《java数据结构与算法》系列之“简单排序"-冒泡,选择,插入
    秒杀9种排序算法(JavaScript版)
    《进击的巨人》
    Noip2001 提高组 T3
    Noip2011 提高组 Day1 T1 铺地毯 + Day2 T1 计算系数
    Noip2012 提高组 Day1 T1 Vigenère 密码
  • 原文地址:https://www.cnblogs.com/interdrp/p/2282637.html
Copyright © 2011-2022 走看看