找到了一篇jQuery與Prototype并存的沖突的解決方法
更新時(shí)間:2007年08月29日 19:06:50 作者:
以前好像在哪里看到過說jQuery與prototype存在沖突,但一直沒在意。今天把自己用jquery框架寫好的消息提示框特效放到公司原來的系統(tǒng)發(fā)現(xiàn)所有的消息提示效果都罷工了!
汗了半天還是沒有發(fā)現(xiàn)原因,突然想到j(luò)query與prototype的沖突問題,這才發(fā)現(xiàn)公司原來的系統(tǒng)很多頁面都調(diào)用了prototype框架。知道了原因就想辦法解決吧,總不至于讓我脫離jquery重新寫一遍吧,去網(wǎng)上狂搜了一番終于找到了一些解決辦法,這就是:
1、將jquery.js放到prototype.js后面(這個(gè)是必須的否則無論如何還是要罷工地)。
2、在jquery.js后面將$變量重命名。
方法如下:
<script type="text/javascript" type="text/javascript" src="window.js"></script>
<!--上面這個(gè)window.js調(diào)用了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")。
按照上面三步操作來進(jìn)行問題很快就解決了。
汗了半天還是沒有發(fā)現(xiàn)原因,突然想到j(luò)query與prototype的沖突問題,這才發(fā)現(xiàn)公司原來的系統(tǒng)很多頁面都調(diào)用了prototype框架。知道了原因就想辦法解決吧,總不至于讓我脫離jquery重新寫一遍吧,去網(wǎng)上狂搜了一番終于找到了一些解決辦法,這就是:
1、將jquery.js放到prototype.js后面(這個(gè)是必須的否則無論如何還是要罷工地)。
2、在jquery.js后面將$變量重命名。
方法如下:
復(fù)制代碼 代碼如下:
<script type="text/javascript" type="text/javascript" src="window.js"></script>
<!--上面這個(gè)window.js調(diào)用了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")。
按照上面三步操作來進(jìn)行問題很快就解決了。
相關(guān)文章
js使用onmousemove和onmouseout獲取鼠標(biāo)坐標(biāo)的方法
這篇文章主要介紹了js使用onmousemove和onmouseout獲取鼠標(biāo)坐標(biāo)的方法,涉及javascript操作鼠標(biāo)事件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果,設(shè)計(jì)javascript鼠標(biāo)事件及頁面元素樣式的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
JavaScript如何實(shí)現(xiàn)LRU緩存淘汰算法
LRU(Least Recently Used)緩存淘汰算法是一種常見的緩存淘汰策略,它的核心思想是優(yōu)先淘汰最近最少使用的緩存數(shù)據(jù),以保證緩存中的數(shù)據(jù)始終是最熱門的。本文主要介紹了一些關(guān)于如何實(shí)現(xiàn)LRU緩存淘汰算法的方法,感興趣的小伙伴可以參考一下2023-04-04
JS監(jiān)聽滾動(dòng)和id自動(dòng)定位滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS監(jiān)聽滾動(dòng)和id自動(dòng)定位滾動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12
uniapp時(shí)間格式化處理實(shí)現(xiàn)
本文主要介紹了uniapp時(shí)間格式化處理實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
Webpack 之 babel-loader文件預(yù)處理器詳解
這篇文章主要介紹了Webpack 之 babel-loader文件預(yù)處理器詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
基于JS正則表達(dá)式實(shí)現(xiàn)模板數(shù)據(jù)動(dòng)態(tài)渲染(實(shí)現(xiàn)思路詳解)
這篇文章主要介紹了基于JS正則表達(dá)式實(shí)現(xiàn)模板數(shù)據(jù)動(dòng)態(tài)渲染 ,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
JavaScript函數(shù)重載操作實(shí)例淺析
這篇文章主要介紹了JavaScript函數(shù)重載操作,結(jié)合一次面試經(jīng)歷分析了JavaScript函數(shù)重載相關(guān)原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05

