Jquery mobile Jquery移动动态数据角色不工作

使用jqmv1.1。在其中一个页面（多页文档）的“我的数据角色=页面”上声明了一个带有数据角色和数据主题的UL标签

有一些代码注入LI，如下所示-

<script type="text/javascript">
$("#dailylisthref").click(function () {
$('#dailylistul').children().remove();
$('#dailylistul').attr('data-role', 'slide');
$('#dailylistul').attr('data-theme', 'd');
var obj = { one:1, two:2, three:3, four:4, five:5 };
  $.each(obj, function(i, val) {
    //console.log("iteration " + val);
     $('#dailylistul').append('<li>' + val + '</li>');
    })
    $.mobile.changePage("#dailylistpage", "slide");
})

$（“#dailylisthref”）。单击（函数（）{
$（'#dailylistul'）.children（）.remove（）；
$（'dailylistul'）.attr（'data-role'，'slide'）；
$（'dailylistul'）.attr（'data-theme'，'d'）；
var obj={1:1，2:2，3:3，4:4，5:5}；
$。每个（对象、功能（i、val）{
//console.log（“迭代”+val）；
$（“#dailylistul”）.append（“
”+val+”
）；
})
$.mobile.changePage（“每日列表页”、“幻灯片”）；
})

---

这可以很好地工作，只是$（'#dailylistul'）.attr（'data-role'，'listview'）不会在第一次之后出现。UL的子项上的remove（）也会删除UL中的样式。它不会在下次代码中再次应用重置的样式。是否有其他方法可以做到这一点。

首先，当您将数据角色属性设置为“幻灯片”时，我假设您指的是listview

也就是说，我不知道你为什么要重置列表视图上的属性，你应该能够删除它的内容， 差不多

$("#dailylisthref").click(function () {
  $('#dailylistul').empty();
  var obj = { one:1, two:2, three:3, four:4, five:5 };
    $.each(obj, function(i, val) {
    //console.log("iteration " + val);
     $('#dailylistul').append('<li>' + val + '</li>');
    })
    $.mobile.changePage("#dailylistpage", "slide");
})

试试这个

$('#dailylistul li').remove();
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(i, val) {

 $('#dailylistul').append($('<li>' + val + '</li>'));
});
 $('#dailylistul').listview('refresh');
$.mobile.changePage("#dailylistpage", "slide");

$（'dailylistul li'）.remove（）；
var obj={1:1，2:2，3:3，4:4，5:5}；
$。每个（对象、功能（i、val）{
$（'dailylistul'）。追加（$（'li>'+val+''）；
});
$（'dailylistul'）。列表视图（'refresh'）；
$.mobile.changePage（“每日列表页”、“幻灯片”）；

$(document).delegate('#dailylistpage', 'pageshow', function () {
        $('#dailylistul').listview('refresh');
});

$('#dailylistul li').remove();
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(i, val) {

 $('#dailylistul').append($('<li>' + val + '</li>'));
});
 $('#dailylistul').listview('refresh');
$.mobile.changePage("#dailylistpage", "slide");