Jquery Masonry附加项目问题

时间:2012-09-27 02:55:00

标签: jquery backbone.js jquery-masonry

我有一个骨干提取视图方法,可以执行此操作:

var ResultsView = Backbone.View.extend({
  template : _.template($("#result_template").html()),
  render : function() {
    this.collection.each(function(result) {
      var $output = $(this.template(result.toJSON()));
      var $container = $('#result_content');
      $container.append($output)
      $container.masonry('appended', $output);
    }, this);
    return this;
  }
});

我想要做的是对于我的结果集中的每个项目....将其附加到我的#result_content div,其方式与此处所示的相同:http://masonry.desandro.com/demos/adding-items.html

这里的问题是布局没有填充(目前它只是一个列。我必须在所有这些结束时调用reload:

$container.masonry('reload')

这不是我想要的。我想从上到下追加。

1 个答案:

答案 0 :(得分:2)

将该行更改为$container.prepend($output).masonry('reload');,然后移除后续行$container.masonry('appended', $output);,并且最后不要调用“重新加载”。