`
jindw
  • 浏览: 510075 次
  • 性别: Icon_minigender_1
  • 来自: 初到北京
社区版块
存档分类
最新评论

百花齐放 日月同辉――采用JSI解决不同类库间的冲突

    博客分类：
  • JSI
JSIjQuery脚本prototypeHTML 
阅读更多

众所周知， Scriptaculous所依赖的Prototype库与jQuery存在冲突。所以同时使用比较困难。

JSI针对每一个装载的脚本都有完全独立的执行上下文。所以这个问题能在JSI上彻底解决。

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

示例页面（hello-jquery-aculo.html）：

xml 代码
 
  1. <html>  
  2.   
  3. <head>  
  4.   
  5. <title>Hello jQuery And Scriptaculous</title>  
  6.   
  7. <!-- 加入引导脚本 -->  
  8.   
  9. <script src="../scripts/boot.js"></script>  
  10.   
  11. <script>  
  12.   
  13. //导入jQuery  
  14.   
  15. $import("org.jquery.$");  
  16.   
  17. //导入Scriptaculous  
  18.   
  19. $import("us.aculo.script.Effect");  
  20.   
  21.    
  22.   
  23. $(document).ready(function(){  
  24.   
  25.   //使用jQuery添加一段问候语  
  26.   
  27.   $("<p id='helloBox' style='background:#0F0;text-align:center;font-size:40px;cursor:pointer;'>Hello jQuery And Scriptaculous</p>")  
  28.   
  29.     .appendTo('body');  
  30.   
  31.   $('#helloBox').ready(function(){  
  32.   
  33.     //使用Scriptaculous高亮显示一下刚才添加的内容  
  34.   
  35.     new Effect.Highlight('helloBox');  
  36.   
  37.   }).click(function(){  
  38.   
  39.     //当用户单击该内容后使用jQuery实现渐出  
  40.   
  41.     $('#helloBox').fadeOut();  
  42.   
  43.   });  
  44.   
  45.  });  
  46.   
  47. </script>  
  48.   
  49. </head>  
  50.   
  51. <body>  
  52.   
  53. <p>文档装载后，jQuery将在后面添加一段问候语；并使用Scriptaculous高亮显示（Highlight）；在鼠标点击后在使用jQuery渐出（fadeOut）。</p>  
  54.   
  55. </body>  
  56.   
  57. </html> 
分享到：
| JavaScript Integration 入门教材
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    日月同辉Win7夜景主题

    【日月同辉Win7夜景主题】是一个专为Windows 7操作系统设计的主题包，它旨在为用户带来独特的视觉体验，让电脑桌面在夜晚呈现出一种日月交辉的美丽景象。这一主题可能包含了壁纸、窗口颜色、声音效果等元素，为用户...

    同辉信息：2021年半年度报告.PDF

    同辉信息：2021年半年度报告.PDF

    同辉信息：2019年年度报告.PDF

    同辉信息2019年的年度报告展示了公司在这一年中的发展状况和主要成就。作为一家专注于信息技术领域的公司，同辉佳视在2019年取得了多个荣誉和奖项，彰显了其在行业内的地位和创新能力。 首先，公司在资信评级方面...

    同辉信息：2022年年度报告.PDF

    同辉信息是一家专注于数字视觉解决方案的高新技术企业，2022年的年度报告展示了公司在过去一年的主要成就和发展情况。报告涵盖了一系列重要方面，包括知识产权的增加、行业认可、财务数据、管理层讨论、重大事件、...

    同辉信息：2021年半年度报告.zip

    《同辉信息：2021年半年度报告》是一个重要的文档，通常包含了公司在过去六个月内的业务运营、财务状况、市场表现以及战略规划等关键信息。这篇报告是投资者、分析师和利益相关者了解公司现状和未来走向的重要参考...

    学习软件_资格考试_同辉会计电算化考试宝典免费下载.zip

    《同辉会计电算化考试宝典》是一款专为会计电算化资格考试设计的学习软件，旨在帮助考生高效备考，顺利通过考试。该软件涵盖了会计电算化领域的核心知识点，包括会计基础知识、财务软件操作、会计电算化法规等多个...

    日月的成语精选.doc

    1. **日月同辉**：形容太阳和月亮同时出现，象征吉祥或繁荣。 2. **日思夜想**：形容对某事思念或思考得非常深入，无法忘怀。 3. **日薄桑榆**、**日薄西山**：比喻时光短暂，接近死亡或事物的末期。 4. **日不我与*...

    同辉信息：2019年半年度报告.PDF

    【同辉信息2019年半年度报告】详尽展示了公司在该年度上半年的主要发展状况、财务数据和重要事项。以下是对报告中的关键知识点的详细阐述： 1. **业务成就与创新**： - 同辉信息在2019年上半年新增了9项软件著作权...

    青山不老同步练习题.doc

    在汉语中，同一个字在不同的语境下可能有不同的读音。例如，"记载"的"载"在这里读作"zǎi"，表示记录的意思，而它的另一个读音"zài"则表示装载；"险恶"的"恶"在这里读"è"，表示恶劣，而"wù"则表示讨厌；"归宿"的...

    四年级语文下册 青山不老(2)教案鲁教版.doc

    “虐”、“踞”、“淤”，并理解相关成语如“肆虐”（指强烈的自然灾害）、“风雨同舟”（共同经历困难）、“三番五次”（多次）、“归宿”（最终的结局）、“山川共存”（人与自然和谐共生）、“日月同辉”（比喻...

    老人生日祝福词.doc

    7. "日月昌明，日月同辉" - 用日月永恒的意象祝愿老人的生活充满光明。 8. "如月之恒，如日之升，如南山之寿，不骞不崩" - 引用《诗经》中的诗句，祝福老人寿命长久，身体健康。 这些祝福词句不仅表达了对老人的...

    母爱感恩母亲节PPT模板.pptx

    此外，本PPT模板还引用了唐诗《游子吟》，表达了母亲的伟大形象，将与天地共存，与日月同辉，为历代尊祟，受世人敬仰。最后，PPT模板强调了母爱的重要性，母爱是我们终身的幸福和骄傲，因为我们有一位平凡而又伟大的...

    伟业顾问北京月坛某房地产项目产品提案102页.pptx

    项目定位的核心理念是“中西合璧，日月同辉”，强调与城市共生，尤其是与金融街的未来发展紧密相连。 1. **项目基本定位框架**： - 该项目被定义为建筑综合体，不同于单一建筑，它依赖于城市环境，整合住宅、商业...

    【祝福语】春节过年好的问候短信.doc

    还有“猴王翻腾祥云开，日月同辉增光彩”，这些语句不仅富有想象力，也蕴含了深厚的文化内涵，反映了中华民族对宇宙自然的敬畏之心和对美好生活的追求。 总而言之，春节祝福语不仅仅是一段段文字的堆砌，它们是中华...

    赵王城遗址博物馆调研报告_1 (3) .docx

    - **建筑形态**：三峡博物馆的弧墙设计与对面大礼堂的圆形建筑形成呼应，大厅顶部同样呈圆形，营造出“日月同辉”的视觉效果。 - **材料运用**：蓝色玻璃代表水，外墙的花岗岩代表山，这些元素共同构成了“山水之城...

    16青山不老(2).ppt

    老人的付出不仅改变了山的面貌，更使他的精神与这片青山共存，与日月同辉，实现了生命的永恒。 最后，文章通过“青山是不会老的”这一句话，总结了老人的精神永存。尽管他的身体会衰老，但他的努力和精神已经化为那...

    青山不老 (2).ppt

    它象征着老农的精神和他所创造的绿色世界将永恒不灭，他的生命虽然有限，但他的付出和贡献却融入了大地，与山川共存，与日月同辉。老农的勤劳善良、无私奉献，以及他对生命的独特理解，使得他的精神得以在青山中延续...

    恩施事业编招聘2020年考试真题及答案解析打印版(1).docx

    - **结论**：正确答案为“烟消云散，日月同辉，永垂不朽，万古常青”。 这些题目涵盖了逻辑推理、概念理解、阅读理解和语言运用等多个方面，旨在测试考生的逻辑思维能力、语言理解能力和常识应用能力。

    老年人生日贺词精选精选.doc

    贺词中“日月昌明，日月同辉，松鹤长春，后福无疆”等词汇，取自古代诗词，寓意长寿和吉祥，体现了对老年人的深深敬意。 2. **健康长寿的祝福**: “福如东海，寿比南山”是常用的祝寿语，东海之水深且广，南山之石...

    2013小学生新年贺词2篇.doc

    5. **爱国情怀**：很多贺词中包含了对祖国的热爱和祝福，如“祝福您繁荣昌盛，国泰民安，越飞越高，与日月同辉，像恒星一样永存，像星星一样闪亮。”这体现了青少年对国家的认同感和责任感。 6. **新年寓意**：...

Magicbox
Global site tag (gtag.js) - Google Analytics