Javascript 角度控制器中的jQuery:$（…）。悬垂不是函数_Javascript_Jquery_Angularjs_Controller

Javascript 角度控制器中的jQuery:$（…）。悬垂不是函数

javascript jquery angularjs

Javascript 角度控制器中的jQuery:$（…）。悬垂不是函数,javascript,jquery,angularjs,controller,Javascript,Jquery,Angularjs,Controller,因此，我尝试在我的应用程序中实现，因为我喜欢它的警报消息一开始似乎是一个相当简单的任务。。。我所要做的（我认为）就是更换控制器中的线路 alert("An HTTP request has been sent to the server.\nNow updating DaycareDB.db!"); 与就这样。不幸的是，当我尝试执行该函数时，它到达了$（“body.overnang”（{行），什么也没有发生，chrome控制台会发出“TypeError:jQuery（…）。overnang

因此，我尝试在我的应用程序中实现，因为我喜欢它的警报消息

一开始似乎是一个相当简单的任务。。。我所要做的（我认为）就是更换控制器中的线路

alert("An HTTP request has been sent to the server.\nNow updating DaycareDB.db!");

与

就这样。不幸的是，当我尝试执行该函数时，它到达了

$（“body.overnang”（{

行），什么也没有发生，chrome控制台会发出“TypeError:jQuery（…）。overnang不是一个函数”和其他一些东西

我该如何解决这个问题

以下是完整的功能：

$scope.RefreshDatabase = function() {
    $http.get('/RefreshDatabase')
    .then(function(response) {
        // alert("An HTTP request has been sent to the server.\nNow updating DaycareDB.db!");
        $("body").overhang({
        type: "success",
        message: "An HTTP request has been sent to the server.\nNow updating DaycareDB.db!"
        });
        // location.reload();
    });

我觉得我在做一些愚蠢的事情，或者遗漏了一些导致我的控制器不能正确使用jquery的东西

编辑：

这就是我的angular和jquery以及其他东西的头部：

<head>
<title>Waiting List</title>
<script type="text/javascript"></script>
<!--Overhang.js-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="./node_modules/overhang/dist/overhang.min.css" />
<script type="text/javascript" src="./node_modules/overhang/dist/overhang.min.js"></script>
<!--AngularJS-->
<script src="./angular/angular-1.5.8/angular-1.5.8/angular.min.js"></script>
<script src="./app.js"></script>
<script src="./Source/Client/Controllers/WaitingListController.js"></script>
<!--Font Awesome-->
<link rel="stylesheet" type="text/css" href="./Other Files/(CSS Stuff) font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css">
<!--Foundation CSS-->
<link rel="stylesheet" href="./Other Files/foundation-6.3.0-complete/css/foundation.css">
<link rel="stylesheet" href="./Other Files/foundation-6.3.0-complete/css/app.css">
</head>

我猜你已经在

angularjs

之后包含了

Jquery

。如果是这样，就交换它们。记住在

angularjs

中使用

Jquery

，你需要在

angularjs

之前包含它

这是正确的层次结构

    <script src="path/jquery"></script>
  <script src="path/overhang.js"></script>
    <script src="path/angular"></script>

@Xufox我更新了帖子为什么要包含两次悬垂的css和js？删除第一个链接标记和第一个脚本标记-它们是不必要的。@trevor我不知道为什么会发生这种情况。复制和粘贴时一定发生了奇怪的事情。@trevor我只是将整个头部放在文件中。我可能会包含jquery multiple ti只是因为我使用了不同的包…虽然这仍然不能告诉我为什么悬置函数会导致类型错误。@Ryan：检查我的答案。你需要将jquery向上移动。我的意思是在Angularjs之前。好的，我移动了它并在帖子中更改了标题以反映当前存在的内容。现在仍在试图找出导致错误的原因message.you仍然得到相同的错误吗？你能测试Jquery是否正确加载吗？是的，移动了它并得到了相同的错误。我可能需要在控制器文件中做一些特殊的操作吗？我已尝试将语句从

$（“body”）.overnang（{

更改为

Jquery（“body”）.overnang({

但它生成的消息大致相同，只是消息中的$改为单词jQuery。现在帖子中的标题看起来是文件中的样子。我已经刷新了页面和所有内容，以确保应用了这些更改。@rayn你能在本地包含jQuery而不是CDN link吗。？it mat=y更简单调试？我把这两行放在头上，它给了我警报。因此jQuery似乎加载正确。

$（function（）{alert（'hello'））；
TypeError: $(...).overhang is not a function
at WaitingListController.js:13
at angular.js:16383
at m.$eval (angular.js:17682)
at m.$digest (angular.js:17495)
at m.$apply (angular.js:17790)
at l (angular.js:11831)
at J (angular.js:12033)
at XMLHttpRequest.t.onload (angular.js:11966)

    <script src="path/jquery"></script>
  <script src="path/overhang.js"></script>
    <script src="path/angular"></script>