众所周知, Scriptaculous所依赖的Prototype库与jQuery存在冲突。所以同时使用比较困难。
JSI针对每一个装载的脚本都有完全独立的执行上下文。所以这个问题能在JSI上彻底解决。
下面的例子,我们将在同一个页面上同时使用Scriptaculous和 jQuery 类库。证实一下JSI隔离冲突功能。
示例页面(hello-jquery-aculo.html):
xml 代码
- <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>
分享到:
相关推荐
日月同辉Win7夜景主题,日月同辉Win7夜景主题
同辉信息:2021年半年度报告.PDF
同辉信息:2022年年度报告.PDF
同辉信息:2019年年度报告.PDF
同辉信息:2021年半年度报告.zip
同辉信息:2019年半年度报告.PDF
学习软件_资格考试_同辉会计电算化考试宝典免费下载.zip
电解电容漏电流测试仪TH2689使用说明
母亲的伟大形象,将与天地共存,与日月同辉,为历代尊祟,受世人敬仰。 如果爱要等价交换,那我们能给父母的是什么?那时候抱怨又算什么呢?……我们应该忏悔,忏悔那些伤害过父母的言语;忏悔那些惹父母生气的行为...
android官方api查看方法,分为本地和在线查看,全英文,可能需要借助翻译工具
android开发中经常要使用到adb命令,略加整理
java中连接sqlite,学习之用,进行分享
滑动菜单 下拉刷新 ExpandableListView适配器配置及使用
android电子书翻页效果demo源码
笔记 2022年11月15日.note
VC++教程,技术内幕源代码。这本书大家都知道的吧。学习VC必看的,源代码供你练习,调试程序哦
ACSII码表
java-1.6中文API.以供学习之用
android backgroud大全.
高手总结java常用API,学习之用,进行分享