排序不适用于 Knockout 和 Isotope 以及非平凡模板

Question

尝试使用动画制作可按不同标准排序的用户列表。已经在使用 Knockout，所以 this demo seemed like a good direction to take. I switched to an Isotope 2.0 fork of the integration code here. I've run into two issues that I'm not sure how to resolve. First is at Sorting not working with Knockout and Isotope.

如本版本所示 - http://codepen.io/matelich/pen/zvYOam/

工作：

<div data-bind="text: UserName"></div>

不是：

<div class="user_row" >
  <div data-bind="text: UserName"></div>
  <img src="http://marketingmobil.mobi/login/uploads/783/48455.png" />
</div>

正在为同位素的itemSelector设置user_rowclass。

Answer 1

尝试

var ViewModel = {
    users: ko.observableArray(),
    getOptions: function() {
      return {
        layoutMode: 'vertical',
        itemSelector: '.user_row'
      };
    },
  };

即itemSelector with '.user_row'（带点）