家明故事

jQuery图片拖动插件DragSort使用方法

家明 0 0

jquery list dragsort列表拖动插件使用方法

$("ul").dragsort({
    dragSelector: "li",
    dragEnd: function() { },
    dragBetween: false,
    placeHolderTemplate: "<li></li>"
});

jquery list dragsort列表拖动插件参数说明:

dragSelector:The CSS selector  of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.
dragSelectorExclude:The css selector of the elements inside the dragSelector to not trigger dragsort. The default is "input, textarea".
itemSelector:The css selector of the list items that are moveable. Will only match elements that are immediate children of list container. The default is tag name of first child e.g. LI.
dragEnd:The callback function that will be called after the dragging has ended (only called if the list order has changed). The keyword "this" in function will refer to list item that was dragged.
dragBetween:Set to "true" if you want to enable the ability to drag between selected lists or to allow dragging of the list item outside of the list for auto scroll. The default is false.
placeHolderTemplate:The html of the place holder for the dragged item. The default is empty list item e.g."<li></li>".
scrollContainer:The css selector of the element you want to scroll (i.e. div with overflow set to auto) when the list item is dragged outside the list. The default is window.
scrollSpeed:A number that represents the speed that the page will scroll when dragging an item outside the scroll container, a higher value is faster and a lower value is slower. Set to 0 to disable scrolling. The default is 5.

dragSelector

CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。


dragSelectorExclude

CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是”input, textarea, a[href]“。


dragEnd

拖动结束后将被调用的回调函数。


dragBetween

设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。


placeHolderTemplate

拖动列表的HTML部分。默认值是”<li></li>”。


scrollContainer

CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“。


scrollSpeed

一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为”0″以禁用滚动。默认值是”5″。

标签:jQuery  DragSort  

打赏

上一篇:dragsort html拖拽排序

下一篇:没有了

发表评论