采用JSI解决不同类库间的冲突节能

众所周知， Scriptaculous所依赖的Prototype库与jQuery存在冲突。所以同时使用比较困难。 JSI针对每一个装载的脚本都有完全独立的执行上下文。所以这个问题能在JSI上彻底解决。

下面的例子，我们将在同一个页面上同时使用Scriptaculous和 jQuery 类库。证实一下JSI隔离冲突功能。

示例页面（ml）：

html

head

titleHellojQueryAndScriptaculous/title

!--加入引导脚本--

scriptsrc="../scripts/"/script

script

//导入jQuery

$import("uery.$");

//导入Scriptaculous

$import("fect");

$(document).ready(function(){

//使用jQuery添加一段问候语

$("pid='helloBox'style='background:#0F0;text-align:center;font-size:40px这是何等高韬的人生境界。可惜任我行、令狐冲、向问天这几个没文化和生理体验的凡夫俗子根本理解不了。因为他们追求的东西真的不在一个层面上。那几个老兄还在 提剑跨骑挥鬼雨;cursor:pointer;'HellojQueryAndScriptaculous/p") .appendTo('body');

$('#helloBox').ready(function(){

//使用Scriptaculous高亮显示一下刚才添加的内容

ghlight('helloBox');

}).click(function(){

//当用户单击该内容后使用jQuery实现渐出

$('#helloBox').fadeOut();

});

});

/script

/head

body

p文档装载后，jQuery将在后面添加一段问候语；并使用Scriptaculous高亮显示（Highlight）；在鼠标点击后在使用jQuery渐出（fadeOut）。/p

/body

/html

查看本文来源

中山好的白癜风医院
呼和浩特治疗白癜风较好医院
乌海白癜风治疗较好医院