jquery-mobile - カスタムの自動分割でリストビューを更新する

Question

これに基づいて単純なアプリケーションを作成するために、knockout.js で jquery mobile を使用しようとしています。カスタム自動分割器を備えたリストビューがあります。リストビューは、knockoutjs によって作成されます。テンプレート化が終わったら、リストビューを強化しようとしています。

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 を使用してみましたが、うまくいきませんでした。この問題を解決する方法はありますか? jquery mobile と knockoutjs の統合に問題があることがわかりました。jqm で使いやすい MV* フレームワークはありますか?