Javascript requireJS和ImagesLoaded:Object[Object Object]没有方法';图像标记';
我也有类似于中描述的问题,但似乎没有正确的答案 我试图用require.js加载“loadImages”库,但我得到了这个结果 未捕获的TypeError:对象[Object Object]没有方法“imagesLoaded” 以下是我页面上的脚本:Javascript requireJS和ImagesLoaded:Object[Object Object]没有方法';图像标记';,javascript,jquery,requirejs,Javascript,Jquery,Requirejs,我也有类似于中描述的问题,但似乎没有正确的答案 我试图用require.js加载“loadImages”库,但我得到了这个结果 未捕获的TypeError:对象[Object Object]没有方法“imagesLoaded” 以下是我页面上的脚本: require(['./js/common'], function(common) { require(['home/main-home']); }); 我的common.js requirejs.config({ baseUr
require(['./js/common'], function(common)
{
require(['home/main-home']);
});
我的common.js
requirejs.config({
baseUrl: './js',
paths: {
jquery : 'libs/jquery/jquery-2.0.3.min',
eventie : 'libs/eventie/eventie',
eventEmitter : 'libs/eventEmitter/eventEmitter.min',
imagesLoaded : 'libs/imagesLoaded/imagesloaded.pkgd.min',
masonry : 'libs/masonry/masonry.pkgd.min',
wall : './wall/wall',
underscore : '../libs/underscore/underscore-min',
backbone : '../libs/backbone/backbone-min',
},
shim: {
jquery : {
exports : '$'
},
imagesLoaded : {
deps : ['jquery', 'eventie', 'eventEmitter']
},
masonry : ['jquery'],
wall : ['masonry', 'imagesLoaded'],
backbone : {
deps : ['jquery', 'underscore'],
exports : 'Backbone'
},
underscore : {
exports : '_'
}
}
});
这是我的main-home.js,我想在这里使用imagesLoaded库
define([
'wall'
],
function(Wall){
$(function()
{
$('#photos').imagesLoaded( function(){}); // ERROR
});
return true;
});
在imagesLoaded文档中有一个关于require.js的小段落,我不太理解。我也尝试加载这些libs,但它没有改变任何东西
// Install imagesLoaded and its dependencies
// Update your RequireJS paths config so it can find those modules
requirejs.config({
paths: {
"eventie": "bower_components/eventie",
"eventEmitter": "bower_components/eventEmitter"
}
});
他们似乎在这里谈论这件事,但我真的不知道该怎么办
以下是我的页面正在加载的js文件:
我们可以看到imagesLoaded已加载。。。
为什么我仍然有这个错误呢?
我已经编辑了imagesloadedjs(),为模块提供了一个有效的模块id
搜索:
// --------------------------------------------------
// ADDED A MODULE ID
// --------------------------------------------------
在3个更改的代码中(定义imagesLoaded
、eventEmitter/eventEmitter
和eventie/eventie
模块)
考虑到ImageLoaded JS文件已经包含了其他2个模块,因此不需要任何其他路径/垫片
HTML
输出
你能显示你的页面实际加载了哪些JS文件吗?例如,证明
libs/imagesLoaded/imagesLoaded.pkgd.min
已加载?看看GitHub问题,似乎AMD的脚本构建不正确。谢谢,这太棒了!
<div id="photos"></div>
<script>
require = {
paths: {
"jquery": "http://code.jquery.com/jquery-2.0.3",
"imagesLoaded": "https://rawgithub.com/gitgrimbo/6451492/raw/f26e23d7a180ee23fd3dea3b0b152dbf523854a1/ImageLoaded-mod"
}
};
</script>
<script src="http://requirejs.org/docs/release/2.1.8/comments/require.js"></script>
require(["jquery", "imagesLoaded"], function($, imagesLoaded) {
console.log($.fn.jquery);
console.log(imagesLoaded);
$('#photos').imagesLoaded(function() {
console.log("something");
});
});
2.0.3
ImagesLoaded( elem, options, onAlways )
something