Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/rest/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript requireJS和ImagesLoaded:Object[Object Object]没有方法';图像标记';_Javascript_Jquery_Requirejs - Fatal编程技术网

Javascript requireJS和ImagesLoaded:Object[Object Object]没有方法';图像标记';

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加载“loadImages”库,但我得到了这个结果

未捕获的TypeError:对象[Object Object]没有方法“imagesLoaded”

以下是我页面上的脚本:

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