在jQuery，Chrome中滚动条问题的可拖动弹出窗口

Question

我使用带有滚动条的jQuery创建了一个可拖动的弹出窗口。当我点击 滚动条使用Chrome，它会随着鼠标指针移动，直到我右键单击才能释放。

对于可拖动的弹出窗口，我使用的是jQuery，例如：

$("#id").draggable();

这适用于其他浏览器。

Answer 1

不是100％导致这种情况的原因，可能是chrome的滚动条呈现为html。

我担心你需要使用指定的句柄选项初始化一个draggable。

$( "#id" ).draggable({ handle: '.yourhandleclass' });

也可以使用指定的“取消”选项。 （防止从指定元素开始拖动。）

像这样：

$( "#id" ).draggable({ cancel: '.replacethiswithchromescrollbarselector' });

Answer 2

回答：Ticket #4441
代码示例： var drag = c.draggable({ start: function(event, ui) { var t = event.target; if (event.pageX > t.offsetWidth + t.offsetLeft){ return false; } } });