css - 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>

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

score 0 · Accepted Answer

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

我发现如果我更新我的 KO observablespagebeforeshow我不必使用.listview('refresh')

score 0 · Accepted Answer

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

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

2 回答 2