视频拖动条上的 jQuery ui 拖动禁用

Question

我正在使用 jQuery UI 来制作可拖动的 div。在一个 div 中是一个视频流播放器。

如果您尝试使用时间拖动条，则整个 div 都会被拖动。有没有办法在访问者使用视频控制栏时禁用拖动？

用我的problem here 找一个小提琴。

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

谢谢！

T 书

Answer 1

我摆弄着覆盖一个句柄，但它似乎在它与视频对象重叠的地方不起作用。您可能无法避免使用延伸到视频之外的句柄：

http://jsfiddle.net/isherwood/yXqEV/4/

<div id="draggable" class="ui-widget-content">
    <div id="draggable_handle"></div>
    ...

$("#draggable").draggable({
     handle: "#draggable_handle"
 });