jquery.ui.draggable中文文档(原文翻译)

2020-05-19 07:33:11易采站长站整理

   [设置属性值]
   $(‘.selector’).draggable(‘option’, ‘scroll’, false);
scrollSensitivity:
[类型]整数值
[默认值]20
[产生影响]
   滚动条的敏感度.
   下面所属的鼠标指针是指在draggable控件移动过程中, 鼠标所处位置.
   鼠标指针和与draggable控件所在容器的边距离为多少的时候, 滚动条开始滚动.
[代码示例]
   [初始化]
   $(‘.selector’).draggable({ scrollSensitivity: 40 });
   [获取属性值]
   var scrollSensitivity = $(‘.selector’).draggable(‘option’, ‘scrollSensitivity’);
   [设置属性值]
   $(‘.selector’).draggable(‘option’, ‘scrollSensitivity’, 40);
scrollSpeed:
[类型]整数值
[默认值]20
[产生影响]
   由于scrollSensitivity导致的滚动发生时, 滚动条一次滚动多少像素值.
[代码示例]
   [初始化]
   $(‘.selector’).draggable({ scrollSpeed: 40 });
   [获取属性值]
   var scrollSpeed = $(‘.selector’).draggable(‘option’, ‘scrollSpeed’);
   [设置属性值]
   $(‘.selector’).draggable(‘option’, ‘scrollSpeed’, 40);
snap:
[类型]Boolean, 选择器
[默认值]false
[产生影响]
   吸附功能, 设置为true等价与设置选择器.ui-draggable, 具体效果是在选择器指定的所有元素上, 当前的draggable控件都可以实现吸附功能, 吸附就是拖动过程中, 靠近但是还没有挨上目标组件是, 自动的将正在拖动的组件吸过去.
[代码示例]
   [初始化]
   $(‘.selector’).draggable({ snap: true });
   [获取属性值]
   var snap = $(‘.selector’).draggable(‘option’, ‘snap’);
   [设置属性值]
   $(‘.selector’).draggable(‘option’, ‘snap’, true);
snapMode:
[类型]字符串, 可选值如下
   ‘inner’: 在指定的元素内部可以吸附
   ‘outer’: 在指定元素外部可以吸附
   ‘both’: 里面外面都可以吸附.
[默认值]’both’
[产生影响]
   设定吸附时候的模式.
[代码示例]
   [初始化]
   $(‘.selector’).draggable({ snapMode: ‘outer’ });
   [获取属性值]
   var snapMode = $(‘.selector’).draggable(‘option’, ‘snapMode’);
   [设置属性值]
   $(‘.selector’).draggable(‘option’, ‘snapMode’, ‘outer’);