2013-02-14 48 views
1

我想知道如何以適當的方式清空列表。在div中有一個列表然後清空div或列表是否更好?jQuery空()列表視圖

我知道這是一個蹩腳的問題,但請幫助我理解這個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> 

它看起來就像變成這樣,因爲未來我試着在我的「mylist」列表中添加東西后,我已經運行了空()。 我希望它仍然有列表視圖格式,而不是這樣的:

<ul></ul>. 

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'); 

回答

5

它變成B)。 但據我所知,你的問題是,列表視圖樣式不適用於新添加的列表項。看看this 根據它,你應該做的:

$('#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").

+0

太棒了!謝謝,這一點拯救了我的一天。 – user2034859 2013-02-14 18:46:49

+0

歡迎和[JFYI](http://meta.stackexchange.com/q/5234/196720) – 2013-02-14 18:51:40