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

創(chuàng)新互聯(lián)公司是一家專業(yè)提供永豐企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、做網(wǎng)站、HTML5建站、小程序制作等業(yè)務(wù)。10年已為永豐眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

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

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

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

下面的例子，我們將在同一個(gè)頁面上同時(shí)使用Scriptaculous和 jQuery 類庫。證實(shí)一下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實(shí)現(xiàn)漸出
$('#helloBox').fadeOut();
});
});
〈/script〉
〈/head〉
〈body〉
〈p〉文檔裝載后，jQuery將在后面添加一段問候語；并使用Scriptaculous高亮顯示（Highlight）；在鼠標(biāo)點(diǎn)擊后在使用jQuery漸出（fadeOut）。〈/p〉
〈/body〉
〈/html〉

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