JQuery UI可选框尺寸/属性

时间:2015-05-30 21:48:20

标签: javascript jquery jquery-ui selectable jquery-ui-selectable

基本上,当我从左向右拖动鼠标时,我想将tolerance设置为fit,而当我从右向左拖动鼠标时,我想将touch设置为_mouseDrag(类似于如何CAD程序可以做到这一点)。我环顾四周,除了修改标准的JQuery UI代码,将至少2个变量移动到全局范围内(我更喜欢 来修改任何标准文件),似乎没有这样做的方法。

我可以看到的当前方法涉及修改selectable方法中的x1函数,以便将x2_mouseDrag变量移动到更全局的状态以进行读取它们(它们水平地表示所选区域框的起点和终点)。

澄清:

  • JQuery = 1.10.2(与JQuery UI demo's相同)
  • JQuery UI = 1.11.4(与JQuery UI演示相同)(第12059行是{{1}}的开头)
  • 浏览器= Ubuntu 14.04上的Firefox,一切都是最新的

1 个答案:

答案 0 :(得分:1)

如果clientX上的clientX小于或大于start,您可以查看tolerance,并修改 start: function (e, ui) { startX = e.clientX; $('#selectable').mousemove(function (e) { if (e.clientX < startX) { $('#selectable').selectable('option', 'tolerance', 'touch'); } else { $('#selectable').selectable('option', 'tolerance', 'fit'); } }); } 选项。 像这样:

include 'stdlib'

file_line { 'ssh_key_server1' :
        path => '/home/vagrant/.ssh/authorized_keys',
        line => 'ssh-rsa AAAA
}

http://jsfiddle.net/8fpr6c14/2/