jQuery Dragsort Size 是一款非常實用的 jQuery 插件,它可以讓你快速實現拖拽排序的效果,而且還支持對拖拽區域的尺寸進行自定義設置。
通過設置 jQuery Dragsort Size,您可以輕松地調整拖拽區域的大小,以便更好地適應您的 UI 設計。下面是一個簡單的示例:
$('#sort-list').dragsort({
itemSelector: 'li',
dragSelector: 'li',
dragBetween: true,
placeholder: '',
scrollSpeed: 5,
scrollSensitivity: 30,
onDragStart: function() {
$('.sort-list').addClass('dragging');
},
onDragEnd: function() {
$('.sort-list').removeClass('dragging');
},
dragEnd: function() {
$('#sort-list li').each(function() {
console.log($(this).attr('id') + ' - ' + $(this).index());
});
},
dragSelectorExclude: 'input',
dragSelectorHandle: '.move-handle',
example: { minHeight: 100, minWidth: 100, maxWidth: 3000 },
paddingX: 25,
paddingY: 25
});
在上面的代碼中,我們可以看到 example 參數,它是一個對象,其中包含了最小高度、最小寬度、最大寬度等配置項。我們可以根據具體需求進行調整,來滿足對拖拽區域尺寸的定制需求。
總之,如果你需要實現拖拽排序功能,并且需要設置拖拽區域的尺寸,那么 jQuery Dragsort Size 就是一個非常好的選擇。