排序不与Knockout和Isotope一起使用

Question

更新：忘记了每个问题规则中的一个问题。从第二个问题中删除第二个问题。

尝试根据动画的不同标准制作可排序的用户列表。已经使用了Knockout，所以this demo似乎是一个很好的方向。我切换到集成代码here的Isotope 2.0分支。

有时排序没有正确更新，如此版本所示 - http://codepen.io/matelich/pen/PPoqdz - 奖章和组件应该＃0和＃1相互切换，但ui不会更新。

        switch (content) {
           case 'alphabetTab':  
              ViewModel.users.sort(function (u1, u2) { 
                 return u1.UserName.localeCompare(u2.UserName); 
              }); 
              break;
           case 'medalTab':
              ViewModel.users.sort(function(u1, u2) {
                 return u1.MedalScore < u2.MedalScore ? 1 : (u1.MedalScore > u2.MedalScore ? -1 : 0);
              });
              break;
          case 'componentTab':
             ViewModel.users.sort(function(u1, u2) {
                return u1.LearnedComponents < u2.LearnedComponents ? 1 : (u1.LearnedComponents > u2.LearnedComponents ? -1 : 0);
             });
        }
        for (i = 0; i < ViewModel.users().length; i++) {
           console.log(ViewModel.users()[i].UserName);
        }
        ViewModel.users.valueHasMutated();