JQuery Mobile + Knockout，CSS样式失败

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');之类的事情，但我不知道你在说什么类型的组件。

你可以找到more info in the documentation

Answer 2

jQM可能不支持多个data-role="header"部分。我会尝试使用一个标题，一个内容和一个页脚部分符合他们的standard page layout，看看是否有帮助。

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