如何将JQuery拖放到悬停事件

Question

我在寻找解决方案后续效果方面遇到困难。

想象具有容器 “#container的” 含有：

• 一个元件 “#element” 应当只可拖动水平和内它的父（ “＃容器”）
• 手柄“＃手柄”这应该是拖动手柄。

现在整件事都是拖动悬停。

到现在为止我已经下面的代码，但不知道该怎么做：

<script> 
    $("#element").dragable({handle: "#handler", axis: "x", containment: "#container"}); 
</script> 

我怎样才能做到这一点？

Answer 1

你没有提及什么时候你想拖 - 拖。我的解决方案是在鼠标离开容器时这样做，尽管您不需要。你可以有拖拽元素跟随鼠标随处可见像屏幕上的那些令人毛骨悚然的X-的眼睛在屏幕上...

http://jsfiddle.net/pabo/5xAkQ/

// set the element to be draggable 
$('div#drag').draggable({ 
    containment: "parent" 
}); 

// mousing over the handle starts dragging 
$('div#handle').hover(function (e) { 
    e.type = 'mousedown'; 
    $('div#drag').trigger(e); 
}); 

// mouse leaving the container stops dragging 
$('div#container').mouseleave(function (e) { 
    e.type = 'mouseup'; 
    $('div#drag').trigger(e); 
});