Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Requirejs jQuery覆盖了wordpress加载的jQuery，我如何避免(通过调用noConflict( true) )？

问Requirejs jQuery覆盖了wordpress加载的jQuery，我如何避免(通过调用noConflict( true) )？
EN

Stack Overflow用户

提问于 2012-06-06 20:13:43

回答 1查看 1.2K关注 0票数 3

我在我的wordpress插件中使用的是require.js的jQuery版本，但是来自requirejs的jQuery覆盖了wordpress加载的jQuery。我怎样才能告诉requirejs使用的jQuery调用自己的noConflict( true )，这样它就不会覆盖wordpress加载的版本了？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-07 10:28:07

最后我做了这样的事情：

像这样创建一个配置文件

requirejs.config( {
    "paths": { 
        "jquery": "require_jquery"
    },
    "shim": {
        "jquery-cookie"  : ["jquery"],
        "bootstrap-tab"  : ["jquery"],
        "bootstrap-modal": ["jquery"],
        "bootstrap-alert": ["jquery"]
    }
} );

创建一个require_jquery.js文件，如下所示

define(["jquery-1.7.2"], function() {
    // Raw jQuery does not return anything, so return it explicitly here.
    return jQuery.noConflict( true );
})

然后像平常一样使用jquery。一切正常，jQuery的外部版本原封不动。

票数 3

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10921520

复制

相关文章

jQuery noConflict()

有时候为了避免使用$冲突，可以使用noConflict自定义名称。 var a=$.noConflict(); a(document).ready(function(){ a("button").click(function(){ a("p").text("jQuery 仍在运行！"); }); });

HaC

2020/12/30

2710

jQuery - noConflict() 方法

jquery javascript 其他编程算法

其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

陈不成i

2021/07/22

5970

替换WordPress 自带默认的 jQuery库， jQuery库页脚加载

数据库 wordpress

在开发WordPress 主题或者WordPress 插件时候，常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载，毕竟是为了避免多次加载 jQuery库。但在实际操作中，常常会有各种各样的问题出现。因为WordPress 自带的 jQuery库会在最后添加jQuery.noConflict()以保证与其他js 库的兼容，因此那些通过 $ 代替jQuery的缩写代码会失效。详见《WordPress中的jQuery库不起作用的相关问

Jeff

2018/01/19

2.4K0

jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

这个方法可能不是很常见，这个是jQuer提供的一个方法，说一下应用场景，比如说，我们使用jQuery的时候，需要引入别的框架，那么刚好这个框架也是$开头的，那是不是很悲催，因为jQuery也是$开头的，那么页面怎么解析呢？导致的结果可能就是页面停止加载了，说人话就是页面就基本挂了！所以jQery也考虑到了这个问题，就出现了jQuery - noConflict() 方法。

何处锦绣不灰堆

2020/05/29

8340

WordPress主题中加载jQuery的最佳方法

jquery cdn javascript wordpress 网站建设

一般来说，在html页面底部（也就是</body>之前）引入JavaScript，如jQuery 和 jQuery插件是个不错的做法。原因很简单，HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。

丘壑

2019/03/13

2.6K0

如何通过jQuery发送AJAX?

编程算法 php 缓存

contentType:发生请求时的内容编码类型(application/x-www-form-urlencoded)

切图仔

2022/09/08

1.3K0

学习 jQuery 源码整体架构，打造属于自己的 js 类库

jquery api github javascript git

本文章学习的是 v3.4.1版本。unpkg.com源码地址：https://unpkg.com/jquery@3.4.1/dist/jquery.js

若川

2020/03/19

1.7K0

如何禁用WordPress自带的jQuery.js

jquery wordpress 网站建设 javascript

　　我们在做wordpress主题时一般会引入jQuery.min.js，比如1.12.4版本，这时想禁掉WordPress自带jQuery.js的加载（不禁掉的话可能会出现新添加的js代码无法正常运行），如何实现呢？随ytkah一起来看看吧

ytkah

2021/08/18

2.2K0

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

Jeff

2018/01/19

4.3K0

基于RequireJS和JQuery的模块化编程——常见问题解析

javascript jquery

由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定义）的典型是淘宝的seajs。他

用户1154259

2018/01/17

3K0

基于RequireJS和JQuery的模块化编程——常见问题解析

jQuery多库共存问题解决方法

javascript jquery

一、问题概述: 1、随着jQuery的流行,采用jQuery和$符为命名空间的js库越来越多,当然jQuery的$符也是参照的Prototype库的,所以当多个库同时以$符或者jQuery为命名空间时,那么此时,就会产生冲突。 2、由于jQuery的更新速度过快,所以插件更不上,导致不同版本的jQuery对插件支持的不一样,而刚好我们此时需要用一个高版本的jQuery进行开发,我们用的z-tree则是低版本的jQuery,所以在这种场景下,则会产生$和jQuery命名空间冲突的问题 3、这里jQuery解决

郑小超.

2018/01/24

1.2K0

延迟加载图片的jQuery插件-Lazy Load Plugin for JQuery

jquery linux nginx load next

Lazy Load是一个用Javascript写得jQuery插件。它可以使一个长网页中，不在当前视图中的图片延迟加载，以提高页面的载入速度。

EltonZheng

2021/01/26

3.9K0

jquery预加载图片

(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img');

用户8671053

2021/09/23

8.1K0

jquery 加载 - ready方法

javascript jquery

将获取元素的语句写到页面头部，会因为元素还没有加载而出错。 JavaScript为了避免加载页面的元素报错的问题，需要在加载之中增加window.onload方法。如下：

Devops海洋的渔夫

2019/05/30

1.9K0

jquery调用javascript方法

本来想找个“优雅”一点的方法，类似C#在调用C++方法时候的Invoke之类的。没找到，后来想想，其实也没必要，直接写就好了，算最优雅了吧。只是少了VS的Intelligence，有点不习惯罢了。

_淡定_

2018/08/24

1.7K0

jQuery源码研究：模块规范兼容

ecmascript 命令行工具编程算法 jquery javascript

从jq官网down下最新的未压缩版代码并打开后，首先看下整体，这就是一个大型的自执行的匿名函数：

前端_AWhile

2019/08/29

1.1K0

WordPress 2.2 中三个开发者喜欢的特性

wordpress 翻译管理函数开发者

在新发布的 WordPress 2.2 中，内置 Widget 支持可能吸引了大部分人的注意。这里所讲的三点对 WordPress 插件和主题开发者也是非常有用的。

Denis

2023/04/13

5000

jQuery实现图片懒加载

一、懒加载 1.什么是懒加载目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。 2.懒加载的原理页面中的img元素，如果没有src属性，浏览器就不会发出请求去下载图片，只有通过javascript设置了图片路径，浏览器才会发送请求。懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位，

小胖

2018/06/27

13.9K0

jQuery scroll（滚动）延迟加载

延迟加载 $(window).scroll(function(){ var scrollHeight = $(document).height(); //文档高度 var scrollTop = $(this).scrollTop(); //滚动条卷去高度 var windowHeight = $(this).height(); // 窗口高度 // console.log(scrollHeight, scrollTop, windowHeight) if(scrol

deepcc

2018/05/16

9.3K0

JQuery之图片懒加载

jquery javascript

由于现在很多的网站都带有大量的图片，而图片的加载又会特别的慢，特别是在移动端，懒加载就显的特别重要了，说白了就是按需加载，用户要看到哪里就显示哪里，下面来记录一下懒加载的基本实现步骤！

越陌度阡

2020/11/26

4.7K0

相似问题

用jQuery noConflict设置RequireJS

10

RequireJS +主干+通过脚本加载的jQuery与通过RequireJS加载的jQuery

15

wordpress jQuery.noConflict()

10

如何通过jQuery为jQuery加载RequireJS迁移？

413

通过RequireJS加载Jquery插件

13

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例