从jQuery draggable的句柄中排除项目

时间:2009-09-22 21:36:04

标签: javascript jquery jquery-ui drag-and-drop draggable

我有一个可拖动的<div>overflow设置为auto,以便在内容过宽时显示滚动条。

我希望<div>的整个内容都可以拖动,所以我没有添加句柄。现在,当我尝试拖动滚动条时,拖动整个<div>而不是滚动内容。

有没有办法在jQuery中从可拖动的<div>的句柄中排除元素?

我需要类似的东西:

$("#element").draggable({
    handle: "not(#thisTable)"
})

有没有办法用选择器或类似的方式做到这一点?

2 个答案:

答案 0 :(得分:18)

tnx为您的答案,但我发现我认为是一个更好的解决方案......

还有另一个名为'取消'的可拖动选项,从可拖动元素的句柄中排除所选元素...

$('#container').draggable('option', 'cancel', '#excludedElement');

希望这有助于其他人...

答案 1 :(得分:0)

在div中添加div,宽度和宽度高度100%,无边距,无填充,并将您的内容放在那里。将其溢出设置为默认值并将其设置为句柄。这样,父div的滚动条将不再位于句柄中,因此不会启动拖动。