JQuery Mobile + Knockout , CSS Styles fails

Question

我正在使用html5，JQuery Mobile和KnockoutJS，我有一个foreach模板，可以从可观察数组中呈现类似GUI的网格。

但是，当我将项添加到绑定数组时，样式不会应用于任何新项。大多数时候，它们看起来没有风格。有时它们以样式显示，但是一旦样式失败，只要我运行我的应用程序，它就会保持中断状态。

有没有人知道如何解决这个问题？

片段：

<div id="timeEntryList" data-bind="foreach: timeEntries">
    <div data-role="header" data-theme="c">
        <h1>some header</h1>

奇怪的是它有时会起作用。

Answer 1

没有任何代码很难猜到。但我想你是说 jqm 在动态添加元素后无法正确渲染。没错，它没有。我想这就像列表一样。你可能可以做一些类似$('#mylist').listview('refresh');的事情，但我不知道你在说什么样的组件。

您可以在文档中找到更多信息

Answer 2

jQM 可能不支持多个data-role="header"部分。我会尝试使用一个页眉、一个内容和一个页脚部分来符合他们的标准页面布局，看看是否有帮助。

我发现如果我在pagebeforeshow中更新我的KO可观察量，我就不必使用.listview('refresh')