0

我需要使用（这是独立包）isotope.pkgd.js 和 packery-mode 作为我项目的 LayoutMode。我使用 require.js 将我的 js 东西连接到 AMD 中。
下面是我的html代码：

<div class="container">
                <div class="section">
                    <header class="section-header">
                        <div class="pull-left">
                            <h3><span class="fa fa-image"></span>Photos</h3>
                        </div>
                    </header>
                    <div class="padded_content">
                        <div id="region-gallery" class="gallery js-isotope">
                            @foreach (IPhotosComponentMediaImage image in Model.Images)
                            {
                                ++count;
                                if (w60h40Nums.Contains(count))
                                {
                                    addClasses = " w60 h40 ";
                                }
                                else if (w40Nums.Contains(count))
                                {
                                    addClasses = " w40 ";
                                }
                                else if (w60nums.Contains(count))
                                {
                                    addClasses = " w60 ";
                                }
                                else
                                {
                                    addClasses = "";
                                }
                                <div class="gallery-item isotope-item @addClasses">
                                    <div class="inner lazy" data-original="@image.MediaImageUrl" alt="@image.MediaTourName" data-description="@image.MediaImageDescription"></div>
                                </div>
                            }
                        </div>
                    </div>
                </div>
            </div>

我的 RenderLayout.js

define([
    'domReady!',
    'jquery',
    'underscore',
    'backbone',
    'marionette',
    'event.aggregator',
    'app',
    'util/searchOptionsUtil',
    'util/UriUtil',
        'gallery-carousel',
        'isotope',
        'packery-mode'
], function (doc, $, _, Backbone, Marionette, EventAggregator, App, SearchOptionsUtil, UriUtil, gc,Isotope, pm) {
    var regionPhotosLayout = Backbone.Marionette.Layout.extend({
        el: $('#region-photos'),
        initialize: function () {
          var $container = $('.container');
           console.log($container);
            $container.isotope({
                    itemSelector: ".gallery-item",
                    layoutMode: "packery"
                });

            var gallery = $("#region-gallery");
            //Modal carousel
            //var gallery = $("#region-gallery");

            gallery.galleryCarousel({
                imgSelector: ".inner",
                imgSrcAttr: "data-original"
            }); 
        }
    });

    return regionPhotosLayout;
});

所以当我运行我的代码时。我收到以下错误，它无法找到此文件 layout-mode.js。我不知道为什么会出现砌体错误。我试图在这里使用打包模式。此外，我们是否必须专门添加 isotope 正在寻找的这个 layout-mode.js。我尝试查找，但没有找到任何可以下载的同名文件。

GET http://local.gocollette.com/js/libs/isotope/isotope.pkgd.min/js/layout-mode.js 
Uncaught Error: Script error for: isotope/js/layout-mode
Uncaught TypeError: Cannot read property 'masonry' of undefined

先感谢您。希望能找到解决办法。谢谢， 卡斯图里

4

1 回答 1

1

packery 布局模式不包含在 isotope.pkgd.js 中，必须单独安装。这是我认为的 layout-mode.js。

下载地址在这里

于 2015-04-09T22:33:41.950 回答