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

jquery li拖拽

榮姿康1年前10瀏覽0評論

jQuery li拖拽是一個非常有用的功能,它可以讓用戶通過拖拽來對列表中的元素進行排序或移動。下面我們來看一下如何實現這個功能。

<script>
$(function() {
$("ul").sortable();
});
</script>

首先,我們需要引入jQuery和jQuery UI的庫文件。然后,在頁面加載完成之后,通過選擇器選中我們需要拖拽的列表,并調用sortable()方法。

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
<li>列表項4</li>
</ul>

接下來,我們需要在HTML中創建一個ul元素,并將需要拖拽的li元素放置其中。需要注意的是,每個li元素必須具有相同的class或者id,以方便我們進行操作。

<script>
$(function() {
$("ul").sortable({
update: function(event, ui) {
//處理拖拽后的數據
}
});
});
</script>

最后,我們可以通過在sortable()方法中加入一個update回調函數,來處理拖拽后的數據。在回調函數中,我們可以獲取拖拽后的元素和位置信息,并對其進行處理。