色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery dad排序

方一強2年前8瀏覽0評論

jQuery Dad排序是一種基于JavaScript庫jQuery的拖放排序方法。它允許用戶通過簡單的拖放操作來重新排序一個列表。下面是一個簡單的范例:

<ul id="myList">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
<li>List item 5</li>
</ul>
<script>
$(document).ready(function() {
$('#myList').sortable();
});
</script>

通過以上代碼,我們可以看到列表元素具有“可排序”的特性。我們只需簡單地使用jQuery Dad排序即可實現對列表元素的重新排序操作。

除此之外,jQuery Dad排序還提供了許多不同的選項設置,如不允許排序、拖放操作時的樣式、排序后的回調方法等等。以下是一些 jQuery Dad排序的常見選項:

<script>
$(document).ready(function() {
$('#myList').sortable({
connectWith: '.connectedSortable',
opacity: 0.6,
helper: 'clone',
cancel: '.disabled',
tolerance: 'pointer'
});
});
</script>

通過以上代碼,我們可以在拖放操作時實現以下功能:

  • 可以將列表元素與其他具有“connectedSortable”類的元素進行排序連接;
  • 元素拖動時的透明度為60%;
  • 拖動時復制一個元素并被允許進行操作;
  • 拖動無效的元素類為“disabled”;
  • 指針移出元素時即執行排序。

總而言之,jQuery Dad排序是一個非常強大和靈活的JavaScript庫,可以幫助您實現一個可拖放的排序列表。