jquery移动列表视图刷新相同列表丢失样式

时间:2012-09-07 12:35:12

标签: javascript jquery css jquery-mobile

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

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

该功能正常运行。但是第二个列表没有jquery移动样式。

在页面显示我正在刷新列表

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

但是只有在我生成第一个列表时才会触发pageshow,而不是第二个列表(与第一个列表的ul相同)。

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

3 个答案:

答案 0 :(得分:2)

在您更新HTML后立即刷新列表。类似的东西:

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

以下是演示:http://jsfiddle.net/R98La/

答案 1 :(得分:0)

试试这个

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

答案 2 :(得分:0)

修正了整个项目的变化:现在我有2个单页和1个多页。将列表放在一个页面中解决了这个问题。