[代码示例]
[初始化]
$(‘.selector’).draggable({ revert: true });
[获取属性值]
var revert = $(‘.selector’).draggable(‘option’, ‘revert’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘revert’, true);
revertDuration:
[类型]整数
[默认值]500
[产生影响]
revert(回归到原始位置)整个过程需要的时间, 单位是毫秒. 如果设置revert选项设置为false, 则忽略此属性.
[代码示例]
[初始化]
$(‘.selector’).draggable({ revertDuration: 1000 });
[获取属性值]
var revertDuration = $(‘.selector’).draggable(‘option’, ‘revertDuration’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘revertDuration’, 1000);
scope:
[类型]字符串
[默认值]’default’
[产生影响]
该选项描述一个范围, 和droppable的同名选项结合使用, droppable的accept选项用来设置可以接受的draggable控件, 同时, 可接受的drggable控件受scope选项约束, 必须是同一个scope中的draggable和droppable才可以互相拖放.
例如:
$(‘#draggable_a’).draggable({scope: ‘a’});
$(‘#draggable_b’).draggable({scope: ‘b’});
$(‘#droppable_a’).droppable({scope: ‘a’});
$(‘#droppable_b’).droppable({scope: ‘b’});
droppable控件的accept选项默认是’*’, 看起来数draggable_a, draggable_b可以自由的放入到droppable_a和droppable_b中, 但是, 由于scope的约束, draggable_a只能放入到droppable_a, draggable_b只能发乳到droppable_b中.
注意: 这个选项就和变量的名称空间的意义类似. 默认值是’default’, 说明如果不指定, 大家都还是有scope的, 名字是default而已.
[代码示例]
[初始化]
$(‘.selector’).draggable({ scope: ‘tasks’ });
[获取属性值]
var scope = $(‘.selector’).draggable(‘option’, ‘scope’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘scope’, ‘tasks’);
scroll:
[类型]Boolean
[默认值]true
[产生影响]
如果设置为true, 在拖动过程中超出可拖动控件容器的时候, 容器自动增加滚动条
[代码示例]
[初始化]
$(‘.selector’).draggable({ scroll: false });
[获取属性值]
var scope = $(‘.selector’).draggable(‘option’, ‘scope’);
