开发者社区> 问答> 正文

prototype,Mootools,jQuery如何在一个页面里面共存啊?

请教一个页面中同时使用了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必定发生冲突。找了很多资料没有找到解决办法啊,现请教下各位高手看有没有什么办法可以解决这个问题,谢谢!

展开
收起
a123456678 2016-07-11 16:42:17 2145 0
1 条回答
写回答
取消 提交回答
  • 我翻了下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>
    2019-07-17 19:54:21
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
Javascript中的对象 立即下载
现代Javascript高级教程 立即下载
JavaScript函数 立即下载