找到了一篇jQuery与Prototype并存的冲突的解决方法
更新时间：2007年08月29日 19:06:50 作者：
以前好像在哪里看到过说jQuery与prototype存在冲突，但一直没在意。今天把自己用jquery框架写好的消息提示框特效放到公司原来的系统发现所有的消息提示效果都罢工了！
汗了半天还是没有发现原因，突然想到jquery与prototype的冲突问题，这才发现公司原来的系统很多页面都调用了prototype框架。知道了原因就想办法解决吧，总不至于让我脱离jquery重新写一遍吧，去网上狂搜了一番终于找到了一些解决办法，这就是：
1、将jquery.js放到prototype.js后面（这个是必须的否则无论如何还是要罢工地）。
2、在jquery.js后面将$变量重命名。
方法如下：
<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>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var jQuery=$;
</script>
3、将原来使用的$方法名一律替换为jQuery名，如$("obj")替换为jQuery("obj")。
按照上面三步操作来进行问题很快就解决了。
汗了半天还是没有发现原因，突然想到jquery与prototype的冲突问题，这才发现公司原来的系统很多页面都调用了prototype框架。知道了原因就想办法解决吧，总不至于让我脱离jquery重新写一遍吧，去网上狂搜了一番终于找到了一些解决办法，这就是：
1、将jquery.js放到prototype.js后面（这个是必须的否则无论如何还是要罢工地）。
2、在jquery.js后面将$变量重命名。
方法如下：
复制代码 代码如下:
<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>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var jQuery=$;
</script>
3、将原来使用的$方法名一律替换为jQuery名，如$("obj")替换为jQuery("obj")。
按照上面三步操作来进行问题很快就解决了。
相关文章
这篇文章主要介绍了Javascript中拼接大量字符串的方法,本文实现的就是JS语言中的Heredoc语法,需要的朋友可以参考下2015-02-02
本文主要介绍了全面讲解JavaScript原型与原型链，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
js使用onmousemove和onmouseout获取鼠标坐标的方法
这篇文章主要介绍了js使用onmousemove和onmouseout获取鼠标坐标的方法,涉及javascript操作鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了js实现带按钮的上下滚动效果,设计javascript鼠标事件及页面元素样式的相关操作技巧,需要的朋友可以参考下2015-05-05
LRU（Least Recently Used）缓存淘汰算法是一种常见的缓存淘汰策略，它的核心思想是优先淘汰最近最少使用的缓存数据，以保证缓存中的数据始终是最热门的。本文主要介绍了一些关于如何实现LRU缓存淘汰算法的方法，感兴趣的小伙伴可以参考一下2023-04-04
这篇文章主要为大家详细介绍了JS监听滚动和id自动定位滚动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
本文主要介绍了uniapp时间格式化处理实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
Webpack 之 babel-loader文件预处理器详解
这篇文章主要介绍了Webpack 之 babel-loader文件预处理器详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了基于JS正则表达式实现模板数据动态渲染 ,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JavaScript函数重载操作,结合一次面试经历分析了JavaScript函数重载相关原理、用法及操作注意事项,需要的朋友可以参考下2020-05-05
最新评论