javascript - Ajax 加载的数据不会更新布局

Question

我使用 ajax 加载数据并使用 Knockout 填充我的页面。这一切都很好，当我将页面更改为#contacts它看起来不错时。但是，当#contacts 页面是我加载的初始页面时，我遇到了问题。例如，如果我加载www.mydomain.com/#contacts，加载的初始页面是列表页面，因此ko.bindinghandlers.listview没有任何影响。我尝试重新创建页面，但这也不能完全正常工作，并非所有样式都按应有的方式应用。我的列表视图不仅仅是一个列表视图，它还包含一个控件组，用于制作带有复选框的列表视图。

$("#contacts").page('destroy').page();

$('#contacts').bind('pageinit', function() {
    $('ul').listview();
});

如何使用 Ajax 加载数据，将其（使用 ko）附加到我ul并正确呈现。

#contacts如果不是初始页面加载 ，这就是它的外观：

这是我设法得到的最好结果，当#contacts初始页面加载时：

Answer 1

refresh每当您使用 JavaScript 更新列表视图时，您都需要调用它。

$('.selector').listview('refresh');

更多关于文档。

Answer 2

pageinit() 第一次加载时可能不会被调用。在那里添加一个 console.info 以确保......如果这是问题所在，那么只需确保它在 load() 或任何你喜欢的时候被调用。是吗？