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

时间:2016-08-02 05:58:30

标签: javascript jquery css twitter-bootstrap jquery-ui

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

我得到的一个想法是“欺骗”jQuery Draggable,以便jQuery感知的水平光标移动将是实际的2倍。有办法吗?像这样:

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

1 个答案:

答案 0 :(得分: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