10

我有一个项目,它利用多个需要上下文和动态加载的 jQuery 版本和插件。(jQuery 版本将集中获取,不会内联)。主机和每个上下文的 jQuery 完整性以及插件隔离是至关重要的。

我正在为 RequireJS 编写一个加载器插件来处理以下用例:

  • 在特定的需求上下文中
  • 在不影响托管页面的 fn 或任何其他需要上下文的情况下,我想:
    • 加载我需要的任何版本的 jQuery
    • 将插件加载到我的特定 jQuery 版本的 fn 上
    • 在所需的 jQuery 版本上具有引用完整性,以便我的 require 上下文中的任何模块都可以共享插件

我在这里有一个带有测试的加载器示例项目。

当我使用加载器进行第二次调用时,它在最后一个条件下失败,它正在吹走之前的版本。

我还使用 eval 将加载插件中的 $ 引用隔离到本地加载的 jQuery 版本范围。任何关于更好方法的想法将不胜感激。

如果有更简单/更清洁的解决方案,想要保持简单(愚蠢)。

非常感谢。

4

1 回答 1

1

我还必须在插件中执行此操作。您应该查看http://api.jquery.com/jQuery.noConflict/。举个例子:

jQueryLocal = jQuery.noConflict(true);

但是你当然应该尽量避免加载多个jQuery。例如,您可以检查是否已经加载了足够的版本(在我的情况下,我在加载任何内容之前检查了 1.9+ 是否可用,如果是,则将局部变量设置为对现有全局 jQuery 对象的简单引用,然后我没有使用插件。

您可以通过以下方式检查版本:

var jQueryLocal;
var versions = (jQuery && /^([0-9]+)\.([0-9]+)\./.exec( jQuery.fn.jquery )) || [0,0];
if( versions[0] > 1 || versions[1] >= 9 ) {
    jQueryLocal = jQuery;
} else {
    // load script with whatever you're doing. If it's asynchronous, set callbacks etc.
    jQueryLocal = jQuery.noConflict(true);
}
于 2013-03-03T23:46:37.000 回答