Question

    var $areas = $('#ulArs'); //To take the control of ulArs
    $areas.empty();
    $areas.append('<li id="li1" data-role="list-divider"></li>');
    for (var i = 0; i < result.rows.length; i++) 
    {
     li = "<li id='home_nav' style='white-space:normal'></li>";
    }
     $areas.append(li).trigger('create');
     $areas.listview('refresh');

我正在创建具有多个li.i的动态UL。想要在更改复选框时替换一个特定的li而不刷新。可以在jquery mobile中使用吗？

Answer 1

据我所知，你肯定应该调用refresh方法。但问题是什么？根据{{3}}：“请注意，refresh（）方法仅影响附加到列表的新节点。这是出于性能原因而完成的。刷新过程将忽略任何已增强的列表项。”

Answer 2

var $areas = $('#ulArs'); //To take the control of ulArs
$areas.empty();
$areas.append('<li id="li1" data-role="list-divider"></li>');
var li = '';
for (var i = 0; i < result.rows.length; i++) {
  li += '<li class="home_nav" id="home_nav-' + i + '" style="white-space:normal"></li>';
}
$areas.append(li).trigger('create');
$areas.listview('refresh');

您可以使用li来引用id，例如：

$('#home_nav-0')

或添加元素li的任何其他信息，例如data

如何在jquery mobile中替换li？

2 个答案: