怎樣采用JSI解決不同類庫間的沖突

怎樣采用JSI解決不同類庫間的沖突，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

采用JSI解決不同類庫間的沖突

眾所周知， Scriptaculous所依賴的Prototype庫與jQuery存在沖突。所以同時使用比較困難。

JSI針對每一個裝載的腳本都有完全獨立的執(zhí)行上下文。所以這個問題能在JSI上徹底解決。

下面的例子，我們將在同一個頁面上同時使用Scriptaculous和 jQuery 類庫。證實一下JSI隔離沖突功能。
示例頁面（hello-jquery-aculo.html）：
〈html〉
〈head〉
〈title〉Hello jQuery And Scriptaculous〈/title〉
〈!-- 加入引導(dǎo)腳本 --〉
〈script src="../scripts/boot.js"〉〈/script〉
〈script〉
//導(dǎo)入jQuery
$import("org.jquery.$");
//導(dǎo)入Scriptaculous
$import("us.aculo.script.Effect");


$(document).ready(function(){
//使用jQuery添加一段問候語
$("〈p id='helloBox' style='background:#0F0; text-align:center; font-size:40px; cursor:pointer; '〉Hello jQuery And Scriptaculous〈/p〉") .appendTo('body');
$('#helloBox').ready(function(){
//使用Scriptaculous高亮顯示一下剛才添加的內(nèi)容
new Effect.Highlight('helloBox');
}).click(function(){
//當(dāng)用戶單擊該內(nèi)容后使用jQuery實現(xiàn)漸出
$('#helloBox').fadeOut();
});
});
〈/script〉
〈/head〉
〈body〉
〈p〉文檔裝載后，jQuery將在后面添加一段問候語；并使用Scriptaculous高亮顯示（Highlight）；在鼠標(biāo)點擊后在使用jQuery漸出（fadeOut）?！?p〉
〈/body〉
〈/html〉

看完上述內(nèi)容，你們掌握怎樣采用JSI解決不同類庫間的沖突的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！