javascript - 将 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 结合起来会更安全