javascript - jquery.event.drag - 为每拖动 X 个像素运行脚本

Question

我正在使用 jquery.event.drag.js在我正在创建的一个项目中，我试图找出一种方法来为我拖动的每 X 个像素运行一个脚本。我为此仅使用 X 轴。这是我现在拥有的一些代码。

$('body').drag(function( ev, dd ){
    var newcell = currentCell;
    var dragOffset = Math.floor(dd.offsetX / 100);
    if (dragOffset >= 1) {
        alert("Dragged 100px");
    }
    newcell += dragOffset;
    $('#info').html(dragOffset + " | " + dd.offsetX);
    updateStack(newcell, magnifyMode);
});

然而，这是有效的，因为这个脚本为每个拖动的像素运行，它在拖动 100 像素后运行警报，但从那时起它为我拖动它之后的每个像素运行。我正在寻找一种只在我拖动它的每 100 像素时运行它的方法。有什么想法吗？

Answer 1

当你最后一次发出警报时有一个外部变量跟踪:

var chunkedOffset = 0;
$('body').drag(function( ev, dd ){
    var newcell = currentCell;
    var dragOffset = dd.offsetX / 100;
    if (dragOffset > chunkedOffset) {
        chunkedOffset = dragOffset;
        alert("Dragged 100px");
    }
    newcell += dragOffset;
    $('#info').html(dragOffset + " | " + dd.offsetX);
    updateStack(newcell, magnifyMode);
});