採用JSI解決不同類庫間的衝突

[@more@]

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

JSI針對每一個裝載的指令碼都有完全獨立的執行上下文。所以這個問題能在JSI上徹底解決。

下面的例子，我們將在同一個頁面上同時使用Scriptaculous和 jQuery 類庫。證實一下JSI隔離衝突功能。
示例頁面（hello-jquery-aculo.html）：
〈html〉
〈head〉
〈title〉Hello jQuery And Scriptaculous〈/title〉
〈!-- 加入引導指令碼 --〉
〈script src="../scripts/boot.js"〉〈/script〉
〈script〉
//匯入jQuery
$import("org.jquery.$");
//匯入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高亮顯示一下剛才新增的內容
new Effect.Highlight('helloBox');
}).click(function(){
//當使用者單擊該內容後使用jQuery實現漸出
$('#helloBox').fadeOut();
});
});
〈/script〉
〈/head〉
〈body〉
〈p〉文件裝載後，jQuery將在後面新增一段問候語；並使用Scriptaculous高亮顯示（Highlight）；在滑鼠點選後在使用jQuery漸出（fadeOut）。〈/p〉
〈/body〉
〈/html〉