我想知道如何以适当的方式清空列表.在div中有一个列表然后清空div或列表更好吗?
我知道这是一个蹩脚的问题,但请帮助我理解这个empty()功能:)
案例) 如果我运行此脚本会发生什么:
$('#mylist).empty();
Run Code Online (Sandbox Code Playgroud)
...在此列表中:
<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"><li>Hello!</li></ul>
Run Code Online (Sandbox Code Playgroud)
是否成为:A):
<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"><li></li></ul>
Run Code Online (Sandbox Code Playgroud)
或者它变成:B):
<ul data-role="listview" id="mylist" data-inset="true" data-theme="a"></ul>
Run Code Online (Sandbox Code Playgroud)
或者它变成这样:C):
<ul></ul>
Run Code Online (Sandbox Code Playgroud)
看起来它变成了这个,因为下次我尝试在我的"mylist"列表中添加东西后,我已经运行了empty().我希望它仍然具有listview格式而不是:
<ul></ul>.
Run Code Online (Sandbox Code Playgroud)
MyCode代码段:
$('#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');
Run Code Online (Sandbox Code Playgroud)
它变成了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');
Run Code Online (Sandbox Code Playgroud)
见.listview().改为.listview("refresh")..