0

我正在开发一个基于 Angular js 的应用程序,然后使用 jquery 移动和网络功能。

当我链接 jquery js 文件时,ng-view 路由器不起作用,但如果我删除包含的 jquery 库,它可以完美运行。

如果你能告诉我我在这里做错了什么,那将有很大帮助

这是我设计的描述问题的示例页面

不包括 jquery 文件

http://plnkr.co/edit/Yyrj0up8eywugTA3blYE

包含 jquery 文件后

http://plnkr.co/edit/SfAEL0rWFedC49FNYUsB

对于我的应用程序,我需要同时拥有 jquery mobile 和 web 文件的两个版本

4

3 回答 3

2

AngularJS 包含一个名为 JQLite 的 jQuery 版本,如果你想用完整的 jQuery 库替换它,你需要在 Angular 之前先加载它。只需将加载 jQuery 的脚本标签移到加载 Angular 的脚本标签上方即可。

于 2013-08-29T19:46:49.607 回答
1

它是您加载它们的顺序。按照这个顺序,它可以工作:

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="appController.js"></script>

在这里工作 Plunkr:http://plnkr.co/edit/wLLTb60Sz4ikn61wJooF?p= preview

于 2013-08-29T19:45:53.447 回答
0

尝试先添加 jquery,然后再添加 angularjs。我不知道为什么,但首先添加 jquery 比在 angularjs 之后添加 jquery 更适用于 UI。

于 2013-08-29T19:47:16.803 回答