排序不使用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>

正在为同位素user_row设置itemSelector课程。

Answer 1

尝试

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

即。 itemSelector with＆＃39; .user_row＆＃39;（带点）