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

有关[{3}}

中可用活动的详细信息

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

1 个答案: