最近做项目用到了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 >

    *密码(重复):
      <input name="password1" type="password" class="required equals-user.password" value="123456" >

            <input type='submit' value='Submit'/>
            <input type='reset' value='Reset'/>
        </form>

相关文章:

  • 2021-08-15
  • 2021-08-29
  • 2022-12-23
  • 2022-01-16
  • 2021-09-21
  • 2018-12-06
  • 2021-12-30
猜你喜欢
  • 2021-08-12
  • 2021-10-08
  • 2021-08-26
  • 2021-09-20
  • 2021-08-20
  • 2021-08-15
相关资源
相似解决方案