我可以“欺骗”关于鼠标光标移动的 jQuery Draggable 吗？

Question

使用 jQuery Draggable 使 Bootstrap 模态可拖动，将水平移动实际光标移动距离的一半（垂直移动很好）。这是一个错误或功能，存在使其遵循 1:1 的各种解决方案，但会导致其他问题。

我得到的一个想法是“欺骗”jQuery Draggable，以便 jQuery 感知的水平光标移动是实际光标的 2 倍。有没有办法做到这一点？像这样的：

$('#myModal').draggable({
  drag: function( event, ui ) {
  // something here to do it?
  }
});

Answer 1

在拖动事件中，您可以将 ui.position.left 与 2 相乘，保持 ui.position.top 不变。 这应该工作

 $("#myModal").draggable({
    drag: function(event, ui) {

        // change this multiplier to go faster
        // you may have to do some flooring if you use
        // non integer values
        var mult = 2;

        var $dragme = $(event.target);

        ui.position.top = ui.position.top;
        ui.position.left = ui.position.left*mult;

        $dragme.css({
            top: ui.position.top,
            left: ui.position.left
        });
    }
});

这是工作的demo。