请教一个页面中同时使用了prototype,Mootools,jQuery三种框架如何解决冲突问题啊?
问题背景描述:
我现在的项目里面有一个页面,早先因为某些原因使用了prototype+QIndex,所以引入了js
<script type="text/javascript" src="js/jxt/prototype-1.4.0.js"></script>
<script type="text/javascript" src="js/jxt/QIndex.js"></script>
后来因为一些原因要在页面中使用jQuery处理一些显示特效,又引入了js
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
最进美工在一个网站上又发现另外一个MooTools实现的特效,然后领导要求抄进来,于是又不得不引入js
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/home.js"></script>
现在问题就来了,经测试发现Prototype+jQuery不冲突,MooTools+jQuery也不冲突,但是一旦都合在一起及Prototype+MooTools+jQuery则Prototype与MooTools必定发生冲突。找了很多资料没有找到解决办法啊,现请教下各位高手看有没有什么办法可以解决这个问题,谢谢!
我翻了下Prototype和MooTools的类创建方法,发现基本雷同,而且MooTools的功能好像还要多些,于是直接删除了Prototype,然后将QIndex这个Prototype的插件用MooTools的插件方式重写了一遍,目前引用的js如下
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/home.js"></script>
<script type="text/javascript" src="js/jxt/QIndex.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。