[产生影响]
拖动过程中帮助用户知道当前拖动位置的元素.
[代码示例]
[初始化]
$(‘.selector’).draggable({ helper: ‘clone’ });
[获取属性值]
var helper = $(‘.selector’).draggable(‘option’, ‘helper’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘helper’, ‘clone’);
iframeFix:
[类型]布尔值或选择器, 选择器的选择结果需要是iframe元素
[默认值]false
[产生影响]
阻止拖动过程中由于鼠标指针在iframe区域移动, iframe对鼠标移动事件的默认响应.
如果设置为true, 将会阻止拖动过程中当前页面上所有的iframe的mousemove事件, 如果设置一个选择器, 将会阻止指定的iframe的mousemove事件.
[代码示例]
[初始化]
$(‘.selector’).draggable({ iframeFix: true });
[获取属性值]
var iframeFix = $(‘.selector’).draggable(‘option’, ‘iframeFix’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘iframeFix’, true);
opacity:
[类型]浮点数值
[默认值]false
[产生影响]
拖动过程中helper(拖动时跟随鼠标移动的控件)的不透明度.
[代码示例]
[初始化]
$(‘.selector’).draggable({ opacity: 0.35 });
[获取属性值]
var opacity = $(‘.selector’).draggable(‘option’, ‘opacity’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘opacity’, 0.35);
refreshPositions:
[类型]Boolean
[默认值]false
[产生影响]
如果设置为true, 所有的droppable位置会在每次mousemove事件中进行计算.
注意: 该选项主要用于解决高级动态页面展现问题. 慎用.
[代码示例]
[初始化]
$(‘.selector’).draggable({ refreshPositions: true });
[获取属性值]
var refreshPositions = $(‘.selector’).draggable(‘option’, ‘refreshPositions’);
[设置属性值]
$(‘.selector’).draggable(‘option’, ‘refreshPositions’, true);
revert:
[类型]Boolean, 字符串
[默认值]false
[产生影响]
影响一次拖动之后是否回归到原始位置.
true: 每次拖动停止之后, 元素自动回到原始位置
‘invalid’: 除非是一个droppable并且被drop(放)成功了, 才不将元素返回到原始位置.
‘valid’: 除invalid之外的其他情况.
