JQuery UI перетаскиваемой замедления на остановке - PullRequest
Новая
       2

JQuery UI перетаскиваемой замедления на остановке

2 голосов
/ 07 июля 2011

Я использую JQuery UI Dragable сделать перетащить div вокруг.Каков наилучший способ плавного ослабления перетаскивания после прекращения перетаскивания?предполагая, что сопротивление внезапно прекратилось.

спасибо

1 Ответ

5 голосов
/ 07 июля 2011

Реализация draggables с замедлением может работать для вас.Это упрощенное решение из моего ответа в предыдущую ветку, которое было более конкретным:

JQuery легко перетаскивается

HTML: 

<div id="draggable">
</div>

CSS: 

#draggable {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: whitesmoke;
    border: 2px solid silver;
}

Javascript: 

$(function() {
    $("#draggable").draggable({
        helper: function(){
            // Create an invisible div as the helper. It will move and
            // follow the cursor as usual.
            return $('<div></div>').css('opacity',0);
        },
        drag: function(event, ui){
            // During dragging, animate the original object to
            // follow the invisible helper with custom easing.
            var p = ui.helper.position();
            $(this).stop().animate({
                top: p.top,
                left: p.left
            },1000,'easeOutCirc');
        }
    });
});

jsFiddle demo: http://jsfiddle.net/NJwER/26/

...