在 Ionic index.html 中包含 jQuery 的位置答案

【问题标题】：Where to include jQuery in Ionic index.html在 Ionic index.html 中包含 jQuery 的位置
【发布时间】：2015-03-08 21:26:52
【问题描述】：

我这里有个奇怪的问题。

我正在开发一个 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!

不确定如何解决这个问题？我需要让这两个功能都正常工作。

提前致谢。

【问题讨论】：

标签： javascript jquery angularjs ionic-framework ionic

【解决方案1】：

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

【讨论】：

天哪！我希望这能很快得到解决。我切换到 jQuery 1.11.2 并将其包含在 ionic.bundle.js 语句之前。
我遇到了同样的问题，在 ionic.bundle.js 修复之前添加 jquery 谢谢！

【解决方案2】：

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

Angular 带有一个 jQlite 版本的 jQuery，这可能是冲突的地方。您可能会从this post on the Ionic Forum 获得更多信息。

很抱歉，我无法提供更多帮助，我自己才刚刚开始我的离子冒险。

【讨论】：

【解决方案3】：

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

【讨论】：