Как сделать так, чтобы стиль перетаскиваемого предмета менялся после того, как он упал на исходную позицию? - PullRequest
Новая
       26

Как сделать так, чтобы стиль перетаскиваемого предмета менялся после того, как он упал на исходную позицию?

1 голос
/ 27 мая 2019

Я пытаюсь изменить стиль перетаскиваемого изображения, когда оно падает на место, и вернуть его обратно после возвращения.

Мне удалось изменить его css на правой капле, но теперь я не могу изменить его обратно, когда он вернется на свое первоначальное место.

«начало» и «остановка» не помогли. Я думаю, что мне нужно условие, которое зависит от положения элемента, или сделайте что-нибудь с опцией «revert» в функции .draggable, но не можете найти, как и что писать. 

$(function () {
    $("#draggableImagesQ1").draggable({

        revert: function (event, ui) {

            // on older version of jQuery use "draggable"
            // $(this).data("draggable")
            // on 2.x versions of jQuery use "ui-draggable"
            // $(this).data("ui-draggable")
            $(this).data("uiDraggable").originalPosition = {
                top: 0,
                left: 0 
            };

            // return boolean
            return !event;
            // that evaluate like this:
            // return event !== false ? false : true;
        }
    });
    $(".droppableSpace1").droppable({
        drop: function (event, ui) {

            $("#draggableImagesQ1").addClass("afterDragged");

        }
    });
});

на данный момент меняет стиль, только когда выпадает в зоне сброса. но не возвращается назад, когда возвращается в исходное положение.

Элемент имеет ширину и высоту 80px. после правильного падения он меняется на 120px. Я хочу, чтобы оно вернулось к 80px после перетаскивания в исходное положение.

...