`
sky_yangwang
  • 浏览: 52265 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js相关|js冲突解决

js 
阅读更多

前端技术js的使用是必须的;

jquery,ajax等;

 

Prototype   jquery 冲突解决:

 

在页面中同时存在jquery prototype ,当用到 $ 的时候,难免产生冲突,所以一定要区分开来:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    j= $;
 </script>
<script type="text/javascript" src="prototype.js" ></script>

这样做了以后,在用到jquery 的地方用 j 来替代 $ 符号,而 prototype $ 函数照常使用,当然其实也不用定义 “ j= $; ” ,在用到 jquery 的地方直接用 jQuery 来替代 $ 符号也一样的。

 

还有一个冲突网上找到的:Array.prototype.push 方法冲突。转载下:

这个冲突很严重,直接导致jQuery 的级联筛选无效。比如正常情况下,你可以使 用 $("span",$("#main")) 来获取 ID main 的元素下面的 span 元素。但如果页面中同时使用了 prototype 框架相关,那抱歉 的很,你永远获取不到了。原因你可以调试跟踪自己查看 jQuery 的源代码。
解决方法:
    <script type="text/javascript">
        var fnArrayPush = Array.prototype.push;
        $().ready(function(){
            Array.prototype.push = fnArrayPush;
             init();
        });    
     </script>

 

-----

我的采用方法一:

页面js ,先引入 jquery head 里面用到的先替换;然后再引入 Prototype  ; 

 

分享到:
评论

相关推荐

    js解决事件冲突

    ### JavaScript 解决事件冲突 在Web开发中,事件处理是前端开发的重要组成部分。尤其是在复杂的用户交互场景下,如何合理地管理这些事件变得尤为重要。当不加控制时,双击一个HTML对象可能会连续触发一系列事件(如...

    json.js 与jquery冲突解决

    `json.js`可能是一个用于处理JSON数据的JavaScript库,而与jQuery冲突的问题通常出现在两个库都尝试使用相同的全局变量或者方法名。 在JavaScript中,JSON主要用于序列化和解析数据对象,使得数据可以在客户端和...

    jquery.form.js解决opera冲突问题

    jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下

    ecshop js冲突解决文件

    ecshop js冲突解决文件,可以解决js与json的冲突问题

    [转]jquery与json.js冲突解决方法

    总的来说,解决jQuery与json.js的冲突需要理解两个库的工作原理,合理组织代码,避免全局变量冲突,并且善用现代JavaScript提供的工具和方法。对于大型项目,采用模块化和良好的命名规范是避免冲突的关键。通过以上...

    解决其他js和jquery冲突方法

    JS和jQuery是两个非常常用的JavaScript库,但是当它们一起使用时,可能会出现冲突。解决这种冲突的方法是使用noConflict()方法将变量$的控制权让渡给其他库。 在开发过程中,可能还会使用到其他的JS库,比如...

    jQuery与其他JS库或jQuery文件冲突解决方法

    本人亲测,本人网页有两个JS效果,用到了两个jQuery文件(一个是jquery.min.js,另一个是jquery.pack.js),可以两个冲突,只能保留一个。 但效果就只能有一个。我想两个都保留,于是就想了很多办法,查了很多资料,...

    JS中touchstart事件与click事件冲突的解决方法.docx

    在JavaScript中,`touchstart`事件和`click`事件在移动设备上可能存在冲突,这个问题主要出现在需要同时兼容PC和移动设备的Web应用中。在移动设备上,由于触摸屏的操作特性,`touchstart`事件在用户手指触碰屏幕时...

    ecshop解决jquery冲突js

    标题中的"ecshop解决jquery冲突js"就直指这个问题,即如何在ECShop环境中解决JQuery与其他JS库的冲突。 JQuery冲突通常源于$符号的全局使用,这是JQuery的核心选择器和函数调用。为了解决这个问题,JQuery提供了`...

    js不完美解决click和dblclick事件冲突问题

    下文将要解决的就是这个问题。 情况分析 首先我们要清楚click和dblclick的执行顺序,测试过程略,下面是测试结果: click:mousedown — mouseup — click dblclick:mousedown — mouseup — click — mousedown —...

    jq与discuz冲突解决方法

    ### jq与discuz冲突解决方法 ...这种方法不仅适用于Discuz,对于任何使用了 `$` 全局变量的JavaScript库之间也可能存在的冲突,都是一种非常有效的解决方案。希望本文能帮助您更好地理解和解决类似的技术难题。

    ecshop transport.js和jquery冲突的问题

    5. 测试所有相关功能,确保在移除Prototype.js或解决冲突后仍能正常工作。 ### 注意事项 在解决这类冲突时,一定要仔细测试每个功能,确保没有遗漏。同时,考虑到ECSHOP的更新和维护,确保所做的改动不会影响到...

    ecshop解决与jQuery冲突文件

    新的`transport.js`应该已经解决了与jQuery的冲突问题,采用了更友好的命名空间或者避免了与jQuery相同的方法名。替换后,ECSHOP将能更好地与jQuery库协同工作,避免冲突,同时保持原有的AJAX功能。 在实际操作中,...

    jsdiff一个javascript的文本差异比较实现

    **jsdiff:JavaScript文本差异比较库** jsdiff是一款基于JavaScript的开源库,专门用于实现文本差异比较。在软件开发中,特别是在版本控制系统如Git、SVN等中,文本差异比较是一项重要的功能,它能帮助开发者识别两...

    transport.js文件(解决ecshop jquery jqzoom冲突)

    transport.js文件(解决ecshop jquery jqzoom冲突)

    jquery与js函数冲突的两种解决方法.docx

    在实际应用中,开发者可以根据项目的具体需求选择合适的方法来避免或解决jQuery和其他JavaScript库的冲突,确保代码的正常运行和项目的顺利进行。同时,了解这些解决冲突的策略也是提升JavaScript开发技能的重要一环...

    如何解决jQuery 和其他JS库的冲突

    特别是一些流行的JavaScript库,例如Prototype.js、MooTools或YUI,它们往往也有自己使用的全局变量(例如$符号),这与jQuery默认使用的$符号是冲突的。为了解决这个问题,我们可以采取多种策略。 首先,最简单的...

    ecshop程序js库冲突patch

    "ecshop程序js库冲突patch"是针对这种问题的一个修复方案,由个人开发者或社区成员提出,用于解决ECShop中的JavaScript库冲突。 JavaScript库冲突通常发生在多个库同时使用时,因为它们可能都试图全局定义相同的...

    jsFormatter.js + htmlFormatter.js +

    JavaScript格式化器还可以帮助减少因为代码格式不一致引发的冲突。 2. **htmlFormatter.js**: 类似于jsFormatter.js,这个文件是专门针对HTML文档的格式化工具。它可以整理HTML标签的嵌套,调整属性的顺序,添加或...

    ecshop和jquery冲突的解决方法

    在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...

Global site tag (gtag.js) - Google Analytics