AngularJS和jQuery冲突解决方案

时间:2016-05-28 20:16:10

标签: jquery angularjs

我在ASP.NET中构建了一个AngularJS单页面应用程序。我添加了jQuery以便将上传的文件发送到服务器。 jQuery中的代码很简短,而且我在AngularJS中看到的解决方案似乎要复杂得多。但是,当我包含jQuery CDN脚本标记时,网站现在停止工作。在Developer Tools控制台中,我看到了这个错误;

错误:k未定义 n.event.remove @ https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js:3:6618

当我拿出jQuery脚本链接时,错误消失了。我为jQuery包含的链接是这些,放在AngularJS链接之前:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>var jq = jQuery.noConflict();</script>

noConflict方法似乎无法解决问题。你会如何纠正这种冲突?有没有一个解决方案可以将jQuery保留在我的应用程序中,还是应该再次查看使用AngularJS上传文件的方法?

编辑:

我正在加载这些Angular脚本,其他所有内容都是我自己开发的脚本:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-cookies.js"></script>

1 个答案:

答案 0 :(得分:0)

我找到了一个用于上传文件的AngularJS解决方案:

http://www.tutorialspoint.com/angularjs/angularjs_upload_file.htm

所以我从我的应用程序中删除了解决此问题的jQuery脚本。