Модификация элементов DOM, участвующих в функции jQuery

Question

В частности, перетащите с помощью jQuery.

                        $(".note").droppable({
                            drop: function () {

                            }
                        });

Как получить элемент DOM, который:

1) Перетаскивается?

2) Бросается на?

Следующий вопрос: Есть ли какие-либо предложения о том, как я мог бы ответить на этот вопрос самостоятельно?

Answer 1

Если вы перехватываете событие drop перетаскиваемого объекта функцией, принимающей два аргумента, event и ui, тогда this - это необработанный элемент DOM элемента перетаскивания, на который перетаскиваемый объект перетаскивается, и ui.draggable является перетаскиваемым.

С документы по событию drop :

Это событие инициируется, когда принятый перетаскиваемый объект перетаскивается «поверх» (в пределах допуска) это сбрасывается.В обратном вызове $(this) представляет буквицу, на которую перетаскивается перетаскиваемый объект.ui.draggable представляет перетаскиваемый объект.

Там они сказали, что дескриптор равен $(this), но это потому, что они предполагают, что вы хотите, чтобы экземпляр jQuery был обернут вокруг него.this будет необработанным элементом DOM.

Например:

$("your selector here").droppable({
    drop: function(event, ui) {
        // this = raw DOM element of droppable
        // $(this) = creates jQuery wrapper around the DOM element
        // `ui.draggable` = draggable

        // Let's make the draggable red, and the droppable blue:
        ui.draggable.css("color", "red");
        $(this).css("color", "blue");
    }
});

Вот живая копия одного из их примеров с приведенным выше действием.