jQuery draggable - 当用户抓住可拖动元素时触发事件

Question

我正在使用 jQuery UI 制作可拖放/可拖放的元素列表。

这里是代码的要点：

$(elem).droppable({
    drop: function(event, ui) {
    var dragElem = $(ui.draggable).clone();     //identify element
    //replace elements etc
    ...

这很好，并且在删除元素后，一切都很顺利。

但是，在一种情况下，我需要能够在用户用鼠标抓住元素时执行一些代码。我找不到任何解释如何做到这一点的文档，但我认为这应该是可能的。

类似

$(elem).droppable({
        grab: function(event, ui) {
            //do stuff

会有意义，不是吗？有人知道在这里使用的正确语法吗？

Answer 1

您可以使用activate 事件，该事件在拖动开始时触发：

$(elem).droppable({
    activate: function(event, ui) {
        //do stuff
    },
    drop: function(event, ui) {
        var dragElem = $(ui.draggable).clone();     
        // identify element
        // replace elements etc
    }
});

jQueryUI API 中提供有关活动的更多信息