`
钟增生
  • 浏览: 31037 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

magento中jquery prototype 兼容

    博客分类:
  • PHP
阅读更多

原文来自:http://docs.jquery.com/Using_jQuery_with_Other_Libraries

我对重要的部分做下翻译,希望对大家有所帮助。特别是magneto的js库使用prototype,很多人想用jquery,那么这个兼容就很有用了。

jquery prototype 兼容分两种情况,我们就让prototype可以正常使用,在使用jquery的时候做下代码的兼容处理。

第一种:先加载prototype,后加载jquery

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
  <script src="prototype.js"></script>
  <script src="jquery.js"></script>
  <script>
  jQuery.noConflict();
 
    // Put all your code in your document ready area
    jQuery(document).ready(function($){
      // Do jQuery stuff using $
      $("div").hide();
    });

// Use Prototype with $(…), etc. $(‘someid’).hide(); </script> </head> <body></body> </html> ———————————— 如上所示,红色部分就是对jquery做的一个兼容处理,这样就可以达到 jquery和prototype兼容了。jQuery.noConflict();要放在 最前面,而jquery的代码就要放到 jQuery(document).ready(function($){ ……… }); 内部。

第二种:先加载jquery,后加载prototype

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
  <script src="jquery.js"></script>
  <script src="prototype.js"></script>
  <script>
    // Use jQuery via jQuery(...)
    jQuery(document).ready(function(){
      jQuery("div").hide();
    });
 
    // Use Prototype with $(...), etc.
    $('someid').hide();
  </script>
</head>
<body></body>
</html>

如上所示,不用调用 jQuery.noConflict();,使用 jQuery(document).ready(function(){ …….. });,在这个函数内部使用jQuery代替$。

分享到:
评论

相关推荐

    Magento中文用户使用手册 中文教程

    3 专业与社群支援不像是其他的开放原始码解决方案, Magento 提供专业、可信赖的支援,您也可以从热情的社群中取得协助,国内也有Magento的爱好者创建中文社区,比如Magentoo.com。4 完整的扩充性无论网站经过了一夜...

    magento 官方中文语言包

    随着 Magento 版本的升级,可能需要定期更新语言包以保持与最新系统的兼容性。官方会发布新的语言包版本,确保下载并安装最新版本以获得最佳体验。同时,如果发现翻译有误或不准确,可以反馈给 Magento 社区,或者...

    magento中文用户指南

    ### Magento中文用户指南知识点概述 #### Magento简介 - **什么是Magento?** - Magento是一款基于开源技术构建的电子商务平台,为在线商家提供了前所未有的灵活性以及对电子商务网站外观、内容和功能的强大控制...

    magento中文手册.pdf

    6. 搜索引擎优化(SEO):内置SEO工具,帮助提高网站在搜索引擎中的排名。 三、Magento架构 Magento采用模块化架构,各个功能模块可以独立开发和升级,降低了维护难度。其主要组成部分包括: 1. 模板引擎:控制页面...

    Magento 中文语言包(适用1.6以上)

    描述中提到“官方网站上标注该语言包适用于Magento 1.7/1.6版本”,这意味着官方已经验证了这个语言包与这两个版本的兼容性。官方支持通常是可靠且稳定的,所以商家可以放心使用,不必担心与系统发生冲突。 标签...

    magento二次开发大全

    `mvc流程.png`可能详细解释了模型、视图和控制器在Magento中的工作方式。 2. **EAV模型**:Entity-Attribute-Value(EAV)模型是Magento数据存储的关键特性,允许存储具有动态属性的商品信息。`EAV(E-V图 product为...

    magento 中文开发手册

    要理解这一系统,你需要创建并查看一个简单的模块(Magento 中称为 module),这将帮助你直观感受配置文件的工作方式。 模块是 Magento 的基本构建单元,它们由 PHP 和 XML 文件构成,用于扩展或修改系统功能。例如...

    Magento中文用户使用手册 中文教程.zip

    像是产品标签、多送货地址或产品比较系统等功能,您不需要支付额外的费用来取得,在现成的 Magento 系统中,您可以发现更多。 3 专业与社群支援 不像是其他的开放原始码解决方案, Magento 提供专业、可信赖的支援...

    magento中文开发教程

    2. **Magento插件开发**:在Magento中,插件(也称为扩展)用于增强或改变系统功能。学习如何创建、注册和配置插件,包括编写前置/后置操作、重写类和定义插件接口。 3. **模块开发**:掌握创建新模块的步骤,包括...

    magento中文手册

    SEO优化也是Magento的核心优势之一,提供友好的URL结构、元标签管理,有助于提高网站在搜索引擎中的排名。 在结账流程上,Magento提供多种付款和运输选项,包括集成PayPal等支付方式,并支持税收设置和配送策略的...

    magento1.6.1简体中文语言包最新

    标题中的"magento1.6.1简体中文语言包最新"表明这是一个专为Magento 1.6.1版本设计的中文语言包,旨在帮助中国用户或面向中国市场的企业更好地理解和操作Magento系统。 在描述中,只提到了"magento1.6.1简体中文...

    Magento2.0中文开发手册

    本文档提供了创建和 Magento的应用程序进行安装定制的店面主题的说明。它描述 Magento的内容呈现过 程,并说明该系统的对有效地建立一个主题要求的范围内的观点层。该文件还走过日常前端开发人员的任 务。

    Magento-中文开发教程.doc

    Magento是一款强大的开源电子商务平台,专为在线商家设计,提供丰富的功能和高度的可定制性。本教程将深入探讨Magento的使用、配置以及开发实践,帮助读者掌握这一强大的系统。 一、Magento的基础架构与安装 ...

    magento2-home-sliders:Magento 2模块,可让您向主页添加jQuery滑块,并能够在管理员中上传滑块

    Turiknox家用滑块概述Magento 2模块,可让您向主页添加jQuery滑块,并能够在管理员中上传滑块。特征使用的滑块库是FlexSlider 2( ),并且可以使用以下功能: 能够上传滑块图像并设置图像标签文本。 能够向滑块图像...

    最漂亮的magento模板1

    Magento内置了jQuery,但也会引入其他库如 Prototype 和 Scriptaculous 用于提供更丰富的用户界面。在这个模板中,"js"目录可能会包含一些优化过的脚本,以确保网站的性能和美观并存。 总结来说,"最漂亮的magento...

    magento中文语言包

    magento最新版中文语言包 Magento (麦进斗) 是一套专业开源的电子商务系统。Magento设计得非常灵活,具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。其面向企业级应用,可处理各方面的需求,...

    magento1.7后台香港繁体中文汉化

    此外,由于Magento系统的复杂性,汉化过程中必须确保所有功能的正常运行,避免因翻译导致的系统兼容性问题。 使用这个汉化包,香港商家不仅可以更便捷地管理他们的在线商店,还能享受到Magento 1.7带来的各种优势,...

    Magento-SMTP-Email

    9. **兼容性**:与Magento的不同版本兼容,包括社区版和企业版。 安装和配置Magento SMTP Pro Email Extension通常涉及以下步骤: 1. **下载插件**:从官方渠道或GitHub仓库获取最新版本的Magento SMTP Pro Email ...

    Magento1.7.0.2中文语言包(简体+繁体)附有安装方法

    标签中,"Magento语言"、"Magento中文"、"Magento繁体"、"Magento汉化"和"Magento-ZH"进一步强调了这个资源是针对Magento的中文本地化工作,涵盖了简体和繁体的汉化内容。"Magento-ZH"通常用来表示Magento的中文版本...

Global site tag (gtag.js) - Google Analytics