包含jquery js时,ng-view routeprovider无法正常工作

时间:2013-08-29 19:32:24

标签: jquery angularjs

我正在开发一个基于角度js的应用程序,并且使用jquery移动和网络功能。

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

如果你能说出我在这里做错了什么

会有很大的帮助

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

不包含jquery文件

http://plnkr.co/edit/Yyrj0up8eywugTA3blYE

包含jquery文件后

http://plnkr.co/edit/SfAEL0rWFedC49FNYUsB

对于我的应用程序,我需要有两个版本的jquery移动和web文件

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分: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

答案 2 :(得分:0)

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