用小部件捆绑jQuery

Question

假设我想提供像Youtube这样的小部件来将他们的播放器嵌入到外部页面中。对于这个小部件，我依赖于某个版本的jQuery。如何将jQuery与我的小部件捆绑在一起，以便它可用于我的小部件JS代码，但它不会干扰外部页面中包含的其他jQuery版本？

你有什么指示怎么做？基本上，我正在寻找一种将jQuery加载到特定命名空间的方法。

Answer 1

您可以使用以下方法执行此操作：

var $j = jQuery.noConflict(true);

将所有变量从jQuery / $重新映射到$ j

您的代码必须在代码中使用$ j，除非您将其包装在闭包中：

(function($){ /* jquery code here */ })($j);

通常我会将jQuery传递给该自执行函数，但由于您担心父站点可能加载了较旧版本的jQuery，因此将自执行函数与noConflict结合起来会更安全