2015-04-17 50 views
1

加載我的頁面時出現以下錯誤。AngularJS抱怨沒有爲jquery定義初始化

Error: initialize is not defined @http://localhost:8082/js/vendor/jquery-1.11.2.js line 339 > eval:4:3

我想用完整版本的jquery替換jqLit​​e。我已經閱讀了關於這個主題的幾個stackoverflow問題,他們暗示,所有需要的是在angularjs之前加載jquery。我通過簡單地將jquery的聲明移動到angular.js之上來完成此操作。當我這樣做時,就是發生上述錯誤的時候。當我將jquery移動到angularjs的下面時,它不會給出錯誤,但是我不能使用angular.element之類的東西。

我在做什麼錯?

至於加載每個庫的JavaScript,我所做的就是。

<script type='text/javascript' src="js/vendor/jquery-1.11.2.js"></script> 
<script type='text/javascript' src="js/vendor/angular.js"></script> 

儘可能使用jQuery而不是lqlite,我只是想用angular.element

var someElement = angular.element('#someelement'); 

我讀了一Blurb的DOMContentLoaded之前加載jQuery的。我不知道如何做到這一點。我知道如何爲DOMContentLoaded編寫事件處理程序,但我該怎麼做。

+0

你能告訴我們你使用裝載並初始化這些腳本的代碼? – Barett

回答

2

編輯答案:我通常在IFFE的頭部注入我的JS腳本代碼。你還必須確保你在那裏有ng-app來指定模塊。最後,我確定在我的代碼之前,我確實在標題中包含了相關代碼。 見小提琴here

<head> 
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script> 
<script> 
    (function() { 
     var testApp = angular.module("testApp", []); 
     function SomeController($scope) { 
     console.log('Started controller'); 
     $scope.dirPanelElement = angular.element('#some-panel'); 
     $scope.dirPanelElement.text('set test'); 
     $scope.dirPanelElementText='got "'+$scope.dirPanelElement.text()+'" from panel'   
     } 
    testApp.controller("SomeController", SomeController); 
    })(); // IFFE 
</script> 
</head> 
<body ng-app='testApp'> 
    <div id="content"> 
    <div style="padding:50px"> 
    <div data-ng-controller="SomeController"> 
     <p align="center">Something</p> 
     <div id="some-panel"></div> 
     <div id="some-canvas">{{dirPanelElementText}}</div> 
    </div> 
    </div> 
</div> 
</body> 
+0

同樣的錯誤 –

+0

請檢查瀏覽器的開發工具的網絡選項卡,您沒有得到404響應獲取jquery文件。 –

+0

]我沒有收到404錯誤。如果我將jquery的腳本聲明移動到所有角度聲明的下面,那麼我不會收到加載錯誤,但是在angular.element被調用時出現錯誤,「[jqLit​​e:nosel] jqLit​​e不支持通過選擇器查找元素!請參閱:http://docs.angularjs.org「。同樣在Firefox的Firebug下,所有的腳本都被加載。是否有一個特定版本的jquery需要加載每個版本的角?我正在使用AngularJS v1.2.10和jQuery JavaScript Library v1.11.2。 –

相關問題