Модальний Bootstrap, який був зроблений draggableз jQuery Draggable, буде переміщатися на половину відстані від фактичного переміщення курсора горизонтально (вертикальне переміщення в порядку). Це помилка або функція, і різні рішення, щоб зробити його наступним 1: 1 існують, але викликають інші проблеми.
Ідея, яку я отримав, полягала в тому, щоб «обдурити» jQuery Draggable таким чином, щоб горизонтальне переміщення курсору, сприйняте jQuery, було б 2 x фактичне. Чи є спосіб зробити це? Щось на зразок цього:
$("#myModal").draggable({
drag: function( event, ui ) {
// something here to do it?
}
});
Відповіді:
1 для відповіді № 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
});
}
});
ось робочий демонстрація.