javascript - Angular JS - 添加一个 jquery 插件到 jQlite

Question

我需要在 $element 上做一些 dom 遍历，但是 jQuery 或 jQlite 不能开箱即用，所以我需要使用一个名为 closestChild 的 jQuery 插件。

https://github.com/lolmaus/jquery.closestchild/blob/master/jquery.closestchild.js

我已经使用 bower 安装，我试图在我的脚本标签中的 angular.min.js 之后加载它，但仍然出现以下错误。

Uncaught TypeError: Cannot read property 'fn' of undefined

那么，我假设 Angular 附带的 jQlite 默认情况下不会为您提供 $ ？或者我只是按错误的顺序做事？

Answer 1

不，angular.element (jqLit​​e) 不导出 $ 全局变量。所以你不能在没有 jQuery 的情况下将任何 jQuery 插件与 Angular 一起使用。在某些情况下，如果您在包含插件之前手动创建 $ 引用，就像它是 jQuery 一样，您可以解决它。例如像这样:

<script src="path-to-angular.js"></script>
<script>
window.$ = window.jQuery = angular.element;
window.$.fn = window.$.prototype;
</script>
<script src="path-to-jquery.plugin.js"></script>

但是，在您的情况下它不起作用，因为感兴趣的插件使用 $.fn.filter 方法，而 jqLit​​e 未实现该方法。这是所有可用的列表 angular.element methods .

您可以自己实现其中一些并在插件之前包含..

但是，如果您想使用 jQuery 插件，我建议您实际使用 jQuery。