一个Bootstrap模式,可以用jQuery Draggable拖动,将水平移动实际光标移动距离的一半(垂直移动很好)。这是一个错误或功能和各种解决方案,使其遵循1:1存在,但会导致其他问题。
我得到的一个想法是“欺骗”jQuery Draggable,以便jQuery感知的水平光标移动将是实际的2倍。有办法吗?像这样:
$('#myModal').draggable({
drag: function( event, ui ) {
// something here to do it?
}
});
答案 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。