gpt4 book ai didi

javascript - AngularJS 提示没有为 jquery 定义初始化

转载 作者:行者123 更新时间:2023-11-30 16:56:07 24 4
gpt4 key购买 nike

加载页面时出现以下错误。

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');

我读了一篇关于在 DOMContentLoaded 之前加载 jquery 的文章。我不知道该怎么做。我知道如何为 DOMContentLoaded 编写事件处理程序,但我该怎么做。

最佳答案

编辑后的答案:我通常将我的 JS 脚本代码注入(inject)到 IFFE 的 header 中。你还必须确保你有 ng-app 在那里指定模块。最后,我确定我确实在代码之前的 header 中包含了相关代码。见 fiddle 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>

关于javascript - AngularJS 提示没有为 jquery 定义初始化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29707083/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com