javascript - jquery mobile listview刷新相同的列表丢失样式

Question

我正在尝试更新从列表传递到另一个列表的 ul 列表的内容。
第一个列表是从调用 ajax 请求的搜索表单生成的。它的样式正确。
对于第二个列表，我在列表上使用 empty() 并从第一个列表中获取要搜索的参数（通过 ajax）作为链接属性

$('.myLink').live("vclick", function() {
    var param= $(this).attr('id');
    ...

该功能正在运行。但是第二个列表没有 jquery mobile 样式。

在 pageshow 我正在刷新列表

$('#listID').listview('refresh');

但是 pageshow 仅在我生成第一个列表时触发，而不是第二个（与第一个在同一 ul 中）。

我尝试了 pageinit、pagecreate、pagechange 和 pageshow，但是当我更新列表时它们都没有触发。

Answer 1

在您更新它的 HTML 之后刷新列表。就像是：

$("#listID").append($("<li />").text("Some Text")).listview("refresh");

这是一个演示：http: //jsfiddle.net/R98La/

Answer 2

试试这个

$('#listID').listview('refresh');
$(".ui-page").trigger("create");

Answer 3

固定更改整个项目：现在我有 2 个单页和 1 个多页。将列表放在一个页面中解决了这个问题。