欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery list view

錢瀠龍2年前9瀏覽0評論
jQuery List View是一個非常受歡迎的JavaScript庫,它能使列表操作更加方便。下面是一些基礎的使用細節(jié)。 首先,你需要引入jQuery庫文件和jQuery List View文件。 代碼如下:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://rawgit.com/simonsmith/jquery-listview/master/jquery.listview.min.js"></script>
然后創(chuàng)建一個HTML ul元素,需要將其具體的列表項(li)的class屬性設為”list-group-item“,以告訴jQuery List View要對它進行操作。 代碼如下:
<ul id="myList">
<li class="list-group-item">Item 1</li>
<li class="list-group-item">Item 2</li>
<li class="list-group-item">Item 3</li>
</ul>
接著,在JavaScript代碼中使用以下語句來調用jQuery List View:
$(function () {
$('#myList').listview();
});
如此一來,你就完成了基本的列表顯示和操作。但是,jQuery List View也提供了其他的功能和選項來自定義列表樣式和功能。使用以下代碼來設置按鈕樣式和事件。
var myButton = '<button type="button" class="btn btn-danger delete-btn">Delete</button>';
$(function () {
$('#myList').listview({
controls: [myButton],
removeItemButton: '.delete-btn',
removeItemCallback: function( item ) {
console.log( item.text() + ' deleted' );
}
});
});
以上代碼中,我們首先創(chuàng)建了一個名為myButton的HTML按鈕對象。 然后在調用listview()方法時,我們將按鈕放置在控件數組controls中,并將將控件的class設置為“delete-btn”后,調用回調函數來處理按鈕觸發(fā)事件。