当前位置：文江博客话题详情

从 CDN 获取 jQuery？

发布于 2024-12-14 17:10:50 字数 110 浏览 1 评论 0原文

我正在使用 require JS，并且想知道使用 CDN 版本的 jQuery 的最佳方法。我听说 1.7 版本是“AMD”，这应该有帮助，但找不到直接的例子。希望一些 RequireJS 专家可以帮助我。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

花间憩 2024-12-21 17:10:59

首先，建议对 jQuery CDN 使用协议相对 URL 。
其次，如果 CND 已失效，则使用 CDN 和本地位置的值数组来加载本地文件。您可以使用任意数量的 CDN 网址。不用担心，如果从 CDN 成功下载它，它不会从本地加载第二个文件。

requirejs.config({
  paths: {
    'jquery': ['//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min', 'lib/jquery-1.10.2.min']
  }
});

First of all, it's recommend use Protocol-relative URL for jQuery CDN.
And second, use array in value with CDN and local places for load local file if CND is dead. You can use as many CDNs urls you want. Do not afraid, it dosn't want load second file from local place if successfully download it from CDN.

requirejs.config({
  paths: {
    'jquery': ['//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min', 'lib/jquery-1.10.2.min']
  }
});

回复收藏 0 原文

蓝天 2024-12-21 17:10:58

您可以将其作为模块的依赖项包含在内，但它有点不稳定。例如，

define([
"order!http://code.jquery.com/jquery-1.7.min.js"
], function($) {
})

它不太好，有两个原因

1) jquery 文件本身不是一个模块，因此从函数中获得的 $ 不会是 jquery

2) order! 插件不能很好地与 CDN 版本的脚本配合使用。请参阅 Requirejs 的顺序不适用于优先级配置和 CDN 依赖项

我还没有机会在“真正的”项目中使用它，因为我们还没有升级，但从我的测试中我发现最好的方法是将 jquery 包含在脚本标签，那么它可以很好地作为模块的依赖项。希望以下小样本会有所帮助：

<html>
<head>
    <title>Index2</title>
    <script src="../../scripts/libraries/jquery.js" type="text/javascript"></script>
    <script src="../../scripts/libraries/require.js" type="text/javascript"></script>
    <script type="text/javascript"">

        require(
            {baseUrl: 'scripts'}, 
            ['jquery'], 
            function (dollarSign) {
                console.log(dollarSign('div').html('hi'));
            });       
    </script>

</head>
<body>
    <div>

    </div>
</body>
</html>

You can include it as a dependency for a module but it's a little flakey. e.g

define([
"order!http://code.jquery.com/jquery-1.7.min.js"
], function($) {
})

It's not so good for 2 reasons

1) the jquery file itself isn't a module so the $ you get from the function won't be jquery

2) the order! plugin doesn't work well with CDN versions of scripts. See Requirejs' order does not work with priority config and CDN dependencies

I haven't had the chance to use this in a 'real' project yet because we haven't upgraded yet, but from my tests i've found that the best way is to include jquery in a script tag, then it works great as a dependency to your modules. Hopefully the following small sample will be helpful:

<html>
<head>
    <title>Index2</title>
    <script src="../../scripts/libraries/jquery.js" type="text/javascript"></script>
    <script src="../../scripts/libraries/require.js" type="text/javascript"></script>
    <script type="text/javascript"">

        require(
            {baseUrl: 'scripts'}, 
            ['jquery'], 
            function (dollarSign) {
                console.log(dollarSign('div').html('hi'));
            });       
    </script>

</head>
<body>
    <div>

    </div>
</body>
</html>

回复收藏 0 原文

一世旳自豪 2024-12-21 17:10:57

@jrburke 的答案对我不起作用。根据 RequireJS api 文档，您不应在路径中包含文件扩展名。所以这是工作代码：

requirejs.config({
    paths: {
        'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min'
    }
});

require(['jquery'], function($) {
    //$ points to jQuery
});

我在 jsfiddle 上有一个工作示例：
http://jsfiddle.net/murrayju/FdKTn/

@jrburke's answer does not work for me. According to the RequireJS api doc, you should not include the file extension in the path. So here is the working code:

requirejs.config({
    paths: {
        'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min'
    }
});

require(['jquery'], function($) {
    //$ points to jQuery
});

I have a working example on jsfiddle:
http://jsfiddle.net/murrayju/FdKTn/

回复收藏 0 原文

初与友歌 2024-12-21 17:10:53

jQuery 1.7 通过名称“jquery”将自身注册为 AMD 模块，因此您需要使用路径配置为“jquery”创建映射：

requirejs.config({
  paths: {
    'jquery' : 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min'
  }
});

require(['jquery'], function($) {
  //$ points to jQuery
});

但请注意，RequireJS 异步加载模块并且乱序，因此，如果您想要使用未包含在 define(['jquery'], function ($){ /* 插件代码位于此处 */ }); 调用中的 jQuery 插件，则插件可以在 jQuery 加载之前执行。

有关处理依赖于 jQuery 但不换行的文件的方法，请参阅 require-jquery 项目的 README自己在 define() 调用中。

jQuery 1.7 registers itself as an AMD module by the name of 'jquery', so you need to create a mapping for 'jquery' using the paths config:

requirejs.config({
  paths: {
    'jquery' : 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min'
  }
});

require(['jquery'], function($) {
  //$ points to jQuery
});

Note however that RequireJS loads modules asynchronously and out of order, so if you have jQuery plugins you want to use that are not wrapped in define(['jquery'], function ($){ /* plugin code goes here */ }); calls, the plugin could execute before jQuery is loaded.

See the require-jquery project's README on ways to deal with files that depend on jQuery but do not wrap themselves in define() calls.

回复收藏 0 原文

~没有更多了~