Question

我这里有一个奇怪的问题。

我正在开发一个Ionic（AngularJS）项目并在我的一个控制器中使用jQuery，所以需要在index.html中添加对它的引用

如果我添加这样的参考 -

<!-- jQuery js -->
<script type="text/javascript" src="lib/jquery/jquery-2.1.3.min.js"></script>
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

然后，我从其中一个视图中得到以下错误 -

Error: [$compile:ctreq] Controller 'ionTabs', required by directive 'ionTabNav', can't be found!

但是，如果我添加这样的参考 -

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- jQuery js -->
<script type="text/javascript" src="lib/jquery/jquery-2.1.3.min.js"></script>

然后，我从另一个控制器得到以下错误，这就是我首先包含jQuery的原因 -

Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite!

不确定如何解决这个问题？我需要让两种功能都有效。

提前致谢。

Answer 1

看起来这是离子版和某些版本的jQuery之间的冲突。 https://github.com/driftyco/ionic/issues/1976 - 切换正在使用的jQuery版本应该解决。

Answer 2

我觉得这里的问题不是离子（本身）和jQuery之间的冲突，而是Angular和jQuery的问题。

Angular附带了jQuery的jQlite版本，这可能是冲突的。您可以从this post on the Ionic Forum获得更多信息。

抱歉，我不能提供更多帮助，我自己也只是开始我的离子冒险。

Answer 3

您需要使用jQuery Lite。阅读更多https://docs.angularjs.org/api/ng/function/angular.element

哪里可以在Ionic index.html中包含jQuery

3 个答案: