我正在尝试将 jquery mobile 与 knockout.js 一起使用来创建一个基于此的简单应用程序。我有一个带有自定义自动分隔符的列表视图。listview 是由 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* 框架?