使用自定义自动分隔器刷新列表视图

Question

我正在尝试使用带有knockout.js的jquery mobile来创建一个基于this的简单应用程序。我有自定义自动分频器的列表视图。列表视图由knockoutjs创建。一旦模板结束，我正试图增强listview。

ko.bindingHandlers.jqmRefreshList = {
  update: function (element, valueAccessor) {
    ko.utils.unwrapObservable(valueAccessor()); //just to create a dependency
    $(element).listview({
      autodividers: true,
      autodividersSelector: function (li) {
        var out = li.data("group");
        return out;
      }
    }).listview("refresh");
  }
};

  <div data-role="content">
    <ul id="secretlist" data-role="listview" data-filter="true" data-bind="template: { name: 'someTpl', foreach: todos }, jqmRefreshList: todos" data-autodividers="true">
    </ul>
  </div>

这会引发javascript错误。我甚至尝试使用try..catch作为演示here而没有运气。不知道如何解决这个问题？我发现将jquery mobile与knockoutjs集成存在问题。是否有任何MV *框架易于使用jqm？