如何将JQuery Dragable绑定到悬停事件

我很难找到解决以下问题的方法

想象一下有一个容器“#容器”包含：

• 一个元素“#元素”，该元素只能水平拖动，并且只能在其父元素中拖动（“#容器”）
• 一个句柄“#handler”，它应该是拖动句柄

现在，整个事情应该被拖动到悬停状态

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

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

$（“#元素”）.dragable（{handle:#handler”，axis:“x”，containment:#container}）；

---

我怎样才能做到这一点？

您没有提到何时希望它停止拖动。我的解决方案是在鼠标离开容器时这样做，尽管您不必这样做。你可以让拖动元素在屏幕上的任何地方跟随鼠标，就像屏幕上那些令人毛骨悚然的X眼一样

---

你的意思是在某个元素上悬停，当你移动光标时，元素也会被拖动？是的，当我悬停#句柄时，#元素应该在x轴的#容器中拖动。@MuhammadSannanKhalid有什么想法吗？

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