javascript - 拖动后检测鼠标松开

Question

我有 jQuery UI draggable 在一个元素上工作。

当 elementA 被拖动时，我将从 elementB 中删除一个类。

我想要检测 elementA 何时停止被拖动，并将该类添加回 elementB。

$('.container').draggable({

    // Output offset while dragging box
    drag: function(){

        $('.properties').removeClass('appear');

        // Detect mouseup after dragging has stopped
        // and add .appear back to .properties
    }

});

Answer 1

使用停止:

$('.container').draggable({

  // Output offset while dragging box
  drag: function(){

    $('.properties').removeClass('appear');

    // Detect mouseup after dragging has stopped
    // and add .appear back to .properties
  },
  stop: function() {
    // Add your class back to elementB here.
    $('.properties').addClass('appear');
  }

});

在 jQuery UI 示例中了解有关 stop 和 Draggable 事件的更多信息:http://jqueryui.com/draggable/#events