snapTolerance:
[类型]整数
[默认值]20
[产生影响]
设定离目标对象的边多少像素的时候, 进行吸附.
[代码示例]
[初始化]
$(‘.selector’).draggable({ snap: true });
[获取属性值]
var snap = $(‘.selector’).draggable(‘option’, ‘snap’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘snap’, true);
stack:
[类型]对象{group: ‘.selector’, min: 50}
[默认值]false
[产生影响]
一次初始化一组draggable控件的时候, 将其中的一些draggable控件以给定选择器选择, 作为一组, 这时, 这一组draggable控件就可以实现当前被拖动的始终在最前效果, min用来指定这一组的z-index值的最小值.
[代码示例]
[初始化]
$(‘.selector’).draggable({ stack: { group: ‘products’, min: 50 } });
[获取属性值]
var stack = $(‘.selector’).draggable(‘option’, ‘stack’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘stack’, { group: ‘products’, min: 50 });
zIndex:
[类型]整数
[默认值]false
[产生影响]
拖动时的helper(跟随鼠标移动的控件)的z-index值. z-index就是css中的层叠层数, 数值越大, 越在上层.
[代码示例]
[初始化]
$(‘.selector’).draggable({ zIndex: 2700 });
[获取属性值]
var zIndex = $(‘.selector’).draggable(‘option’, ‘zIndex’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘zIndex’, 2700);
[事件]
start: 拖动开始, 指鼠标按下, 开始移动.
[类型]dragstart
[回调函数接受的参数]
event: 原生的浏览器事件.
ui: JQuery的ui对象
this: 当前拖动的控件DOM对象
drag: 拖动过程中鼠标移动.
[类型]drag
[回调函数接受的参数]
event: 原生的浏览器事件.
ui: JQuery的ui对象
this: 当前拖动的控件DOM对象
stop: 拖动结束.
[类型]dragstop
[回调函数接受的参数]
event: 原生的浏览器事件.
ui: JQuery的ui对象
this: 当前拖动的控件DOM对象
[代码示例]
初始化时设置事件.
$(‘.selector’).draggable({
start: function(event, ui) { alert(this); },
drag: function(event, ui) { alert(this); },
stop: function(event, ui) { alert(this); }
});
动态的绑定事件. 动态绑定时候, 使用的事件名就是事件的类型.
