在Web開(kāi)發(fā)中,展示列表數(shù)據(jù)是非常常見(jiàn)的需求,而jQuery listview是一種非常方便的列表展示插件。在使用過(guò)程中,我們可能需要對(duì)列表中的數(shù)據(jù)進(jìn)行刪除操作。下面將介紹如何使用jQuery listview進(jìn)行刪除操作。
首先,我們需要準(zhǔn)備一個(gè)jQuery listview的實(shí)例:
var listview = $( "#listview" ).listview();
其中,listview
就是我們要進(jìn)行刪除操作的目標(biāo)列表。
接下來(lái),我們需要在列表項(xiàng)上添加刪除按鈕,例如:
listview.append(
"" +
"" +
"列表項(xiàng)標(biāo)題
" +
"列表項(xiàng)內(nèi)容
" +
"刪除" +
"" +
" "
);
這樣,我們就在列表項(xiàng)的后面添加了一個(gè)名為“刪除”的鏈接。接著,我們需要對(duì)這個(gè)鏈接進(jìn)行刪除操作的事件處理:
listview.on( "click", ".delete", function( event ) {
event.preventDefault();
$( this ).closest( "li" ).remove();
listview.listview( "refresh" );
});
這段代碼的意思是,當(dāng)用戶點(diǎn)擊“刪除”鏈接時(shí),首先阻止鏈接的默認(rèn)行為;然后定位到最近的父級(jí)為
listview.listview( "refresh" )
方法,刷新列表樣式。這樣,我們就完成了使用jQuery listview進(jìn)行刪除操作的流程。