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

Question

尝试使用动画制作可按不同标准排序的用户列表。已经在使用 Knockout，所以 this demo 似乎是一个不错的方向。我切换到集成代码 here 的 Isotope 2.0 分支。我遇到了两个不知道如何解决的问题。首先是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>

正在为 Isotope 的 itemSelector 设置 user_row 类。

Answer 1

试试

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

即带有 '.user_row' 的 itemSelector（带点）