如何将可拖动的JQuery绑定到悬停事件

Question

我很难找到后续效果的解决方案。

​

​

假设有一个容器“#容器”，其中包含：

一个元素“# handle.”，只应该水平地拖动，并且在它的父句柄“#处理程序”中，它应该是拖放的

现在，整个事情应该被在悬停上拖走。

到目前为止，我有以下代码，但不知道该做什么：

<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);
});