百花齐放 日月同辉――采用JSI解决不同类库间的冲突
来源:互联网 发布:mac 无法播放flash 编辑:程序博客网 时间:2024/04/28 21:45
众所周知, Scriptaculous所依赖的Prototype库与jQuery存在冲突。所以同时使用比较困难。
JSI针对每一个装载的脚本都有完全独立的执行上下文。所以这个问题能在JSI上彻底解决。
下面的例子,我们将在同一个页面上同时使用Scriptaculous和 jQuery 类库。证实一下JSI隔离冲突功能。
示例页面(hello-jquery-aculo.html):
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>
<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>
- 百花齐放 日月同辉――采用JSI解决不同类库间的冲突
- 采用JSI解决不同类库间的冲突
- 海纳百川 有容乃大――采用JSI封装、集成第三方类库
- c++中的重载(同一类)覆盖(不同类)
- 浏览器对于CSS不同类中的同属性优先级问题
- 在不同类、对话框间函数互相调用的方法
- 一段采用链地址法解决冲突的Hash代码
- 如何动态保存不同类的对象的成员函数的地址?--解决
- 如何动态保存不同类的对象的成员函数的地址?--解决(续)
- 如何动态保存不同类的对象的成员函数的地址?--解决
- 如何动态保存不同类的对象的成员函数的地址?--解决(续)
- 安卓回调函数解决不同类之间函数调用和数据通信的问题
- 不同类实现一个接口的示例
- 关于不同类对象的覆盖问题
- 不同类之间数据的传递
- 关于不同类的Method Swizzling
- MFC不同类之间的函数调用
- 百花齐放
- ASP.NET中如何防范SQL注入式攻击
- 属性页的自动切换功能
- 函数指针在表驱动方法中的应用举例
- INSERT 语句与 COLUMN FOREIGN KEY 约束冲突
- SQL注入
- 百花齐放 日月同辉――采用JSI解决不同类库间的冲突
- 糟糕的情绪;糟糕的火箭
- Generic Data Access Objects
- 动态装载问题的研究
- 提高ASP.Net应用程序性能的十大方法
- typedef用法的几点介绍
- ::自己写的一个超简单的ASP分页代码::
- XSLT 学习记录(一些语法和知识,备忘)
- WEB应用程序中的进度条