jquery - jQuery empty() 列表视图

Question

我想知道如何以正确的方式清空列表。在 div 中有一个列表然后清空 div 还是列表更好？

我知道这是一个蹩脚的问题，但请帮助我理解这个empty()功能:)

案例） 如果我运行这个脚本会发生什么：

$('#mylist).empty();

...在此列表中：

<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"><li>Hello!</li></ul>

是否变成：A）：

<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"><li></li></ul>

还是变成：B）：

<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"></ul>

或者它会变成这样：C）：

<ul></ul>

看起来它变成了这样，因为下次我在运行 empty() 之后尝试将东西添加到我的“mylist”列表中。我希望它仍然具有列表视图格式，而不是这个：

 <ul></ul>. 

我的代码片段：

$('#mylist').empty();
var newlist = "<ul data-role=" + "'listview'" +" id=" + "'mylist'" + " data-inset=" + "'true'" + " data-theme=" + "'a'" + "><li>Hello!</li></ul>";
$('#mylist').append(newlist).listview().trigger('create');

Answer 1

它变成 B)。但据我了解，您的问题是列表视图样式不适用于新添加的列表项。看看这个 根据它，你应该这样做：

$('#mylist').empty();
var newlist = "<ul data-role=" + "'listview'" +" id=" + "'mylist'" + " data-inset=" + "'true'" + " data-theme=" + "'a'" + "><li>Hello!</li></ul>";
$('#mylist').append(newlist).listview("refresh").trigger('create');

请参阅.listview().更改为.listview("refresh").。