prototype,Mootools,jQuery如何在一个页面里面共存啊?-问答-阿里云开发者社区-阿里云

开发者社区> a123456678> 正文

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

2016-07-11 16:42:17 1556 1

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

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:54:21

    我翻了下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>
    0 0
相关问答

11

回答

在阿里云上安装和运行Node.js全功略

ycwong 2013-09-18 15:17:30 64018浏览量 回答数 11

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56720浏览量 回答数 19

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157070浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 92862浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 146769浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145607浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85181浏览量 回答数 23

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80111浏览量 回答数 13

14

回答

对象存储oss【问答合集】

我是管理员 2018-08-03 14:54:02 67361浏览量 回答数 14

2

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48515浏览量 回答数 2
+关注
0
文章
14879
问答
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载