您的位置: 南岸信息港 > 旅游

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

发布时间:2019-11-05 22:12:55

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

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

示例页面(hello-jquery-aculo.html):

<html>

<head>

<title>HellojQueryAndScriptaculous</title>

<!--加入引导脚本-->

<scriptsrc="../scripts/boot.js"></script>

<script>

//导入jQuery

$import("org.jquery.$");

//导入Scriptaculous

$import("us.aculo.script.Effect");

$(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高亮显示一下刚才添加的内容

newEffect.Highlight('helloBox');

}).click(function(){

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

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

});

});

</script>

</head>

<body>

<p>文档装载后,jQuery将在后面添加一段问候语;并使用Scriptaculous高亮显示(Highlight);在鼠标点击后在使用jQuery渐出(fadeOut)。</p>

</body>

</html>

查看本文来源

指甲染上银屑病的原因是什么?看完文章就知道
发际线高是种什么体验,“毛发移植”拯救你的发际线
牙齿稀疏有利于宝宝的恒牙萌出吗?戳进来看看
熙仁眼科医院马志中主任参加2017国际视网膜高峰论坛
深圳博爱曙光医院
猜你会喜欢的
猜你会喜欢的