我有以下文件夹结构:
- index.html
- js/
- 库/
- require.js
- jquery.js
- main.js
- 库/
在index.html 中,我将以下行添加到 head 部分:
<script data-main="js/main" src="js/libs/require.js"></script>
当我向 main.js 添加一个简单的警报时,它起作用了。当我想使用 jQuery 时,它不起作用:
require(['libs/jquery'], function ($) {
$('#test').html('123');
});
在 chrome web 检查器中,我看到 jquery 加载成功,但文本没有出现在我的 div 中。当我将 jquery 移出 ./js/libs
并将其放入 ./js
时(当然,将依赖项更改为 ['jquery']
),它有效。
我做错了什么?为什么我不能将 jquery 放入 ./js/libs
中以保持组织有序?
谢谢
最佳答案
如果我配置路径
require.config({
paths: {
'jquery': 'libs/jquery'
}
});
并将要求更改为:
require(['jquery'], function ($) {
$('#test').html('123');
});
它似乎正在工作。如果有人能解释一下为什么。
关于requirejs - 在子文件夹中时 jQuery 无法与 RequireJS 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11809864/