jquery 拖动时触发的事件

Question

有没有办法在你将一个项目拖到某个地方，或者拖到一定量时触发一个事件？

例如，使用滑块时，您可以像这样拖动滑块时发生事件：

$( '.slider' ).slider( {
  slide  : function(){},
  change  : function(){}
});

是否有使用 jquery ui 的可拖动元素这样的东西？

Answer 1

检查这个page

/* events fired on the draggable target */
 element.addEventListener("drag", function( event ) {
    //drag code here
 }, false);

Answer 2

我看到你用 JQUI 标记了，所以如果你使用 JQuerUI 的 slider，它有启动和更改的功能。如果您保留起始编号并在每次调用更改时进行比较，您可以获得给定拉动的偏移量。

Answer 3

发现其实很简单：

$('#id').draggable({
    drag: function(){
        //code here
    }
});