找到了一篇jQuery與Prototype并存的沖突的解決方法
更新時(shí)間:2007年08月29日 19:06:50 作者:
以前好像在哪里看到過(guò)說(shuō)jQuery與prototype存在沖突,但一直沒(méi)在意。今天把自己用jquery框架寫(xiě)好的消息提示框特效放到公司原來(lái)的系統(tǒng)發(fā)現(xiàn)所有的消息提示效果都罷工了!
汗了半天還是沒(méi)有發(fā)現(xiàn)原因,突然想到j(luò)query與prototype的沖突問(wèn)題,這才發(fā)現(xiàn)公司原來(lái)的系統(tǒng)很多頁(yè)面都調(diào)用了prototype框架。知道了原因就想辦法解決吧,總不至于讓我脫離jquery重新寫(xiě)一遍吧,去網(wǎng)上狂搜了一番終于找到了一些解決辦法,這就是:
1、將jquery.js放到prototype.js后面(這個(gè)是必須的否則無(wú)論如何還是要罷工地)。
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、將原來(lái)使用的$方法名一律替換為jQuery名,如$("obj")替換為jQuery("obj")。
按照上面三步操作來(lái)進(jìn)行問(wèn)題很快就解決了。
汗了半天還是沒(méi)有發(fā)現(xiàn)原因,突然想到j(luò)query與prototype的沖突問(wèn)題,這才發(fā)現(xiàn)公司原來(lái)的系統(tǒng)很多頁(yè)面都調(diào)用了prototype框架。知道了原因就想辦法解決吧,總不至于讓我脫離jquery重新寫(xiě)一遍吧,去網(wǎng)上狂搜了一番終于找到了一些解決辦法,這就是:
1、將jquery.js放到prototype.js后面(這個(gè)是必須的否則無(wú)論如何還是要罷工地)。
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、將原來(lái)使用的$方法名一律替換為jQuery名,如$("obj")替換為jQuery("obj")。
按照上面三步操作來(lái)進(jìn)行問(wèn)題很快就解決了。
相關(guān)文章
webpack開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境的深入理解
這篇文章主要介紹了webpack開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境的深入理解,詳細(xì)的介紹了什么是開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境并配置,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-11-11延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js
延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js...2007-05-05js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)
本文主要介紹了js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)的思路與方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01bootstrap switch開(kāi)關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開(kāi)關(guān)組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08javaScript產(chǎn)生隨機(jī)數(shù)的用法小結(jié)
這篇文章主要介紹了javaScript產(chǎn)生隨機(jī)數(shù)的用法小結(jié),包括JavaScript Math.random()內(nèi)置函數(shù) ,Js 隨機(jī)數(shù)產(chǎn)生6位數(shù)字的代碼,需要的朋友可以參考下2018-04-04微信小程序?qū)崿F(xiàn)通過(guò)js操作wxml的wxss屬性示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)通過(guò)js操作wxml的wxss屬性,結(jié)合實(shí)例形式分析了微信小程序使用js操作wxml的wxss屬性相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12