Question

我一直试图让Masonry（也尝试过Salvattore，但没有一个会工作）现在工作了好几个小时，我已经按照多个教程和示例进行了操作，但它只是赢了＆＃39; t由于某种原因发生。我使用Bootstrap的网格系统和angular来创建列数。

编辑：我创建了一个实际上似乎有用的简单小提琴：https://jsfiddle.net/j57vnaa2/1/

问题是，为什么我的原始代码不起作用？

我已经通过CDN包含了Masonry，我已经检查了脚本已经加载的控制台，实际上它已经加载了。也通过凉亭和NPM来测试它是否与那些一起工作但它产生了相同的结果。

我已将班级js-masonry设置为我的容器，这是一个row，其网格列通过ng-repeat循环显示。然后，我设置了data-masonry-options='{ "itemSelector": ".grid-item" }'，并将类grid-item应用于我的列。但它只是不想工作，它没有做任何事情。

我不知道还有什么可能是错的，我已经在网上搜索和搜索，但没有找到解决办法。

这里有什么明显的错误吗？

<div class="row padding">
  <div class="col-sm-12">
    <div class="grid js-masonry row" data-masonry-options='{ "itemSelector": ".grid-item"}'>
      <h1 class="text-center">Similar movies</h1>
      <div ng-repeat="movie in similarMovies"
           class="col-xs-12 col-sm-6 col-md-3 grid-item cut-off">
        <a href="#/movies/{{movie.id}}">
          <figure>
            <img ng-src="{{getSrc(movie.poster_path)}}" alt="{{movie.title}}"
                 class="image enlarge">
          </figure>
        </a>
      </div>
    </div>
  </div>
</div>

无法让砌体工作

0 个答案: