Question

具体来说，使用jQuery进行拖放。

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

                            }
                        });

如何获取DOM元素：

1）被拖放？

2）被丢弃？

跟进问题：关于我如何自己回答这个问题的任何建议？

Answer 1

如果您将draggable的drop事件与接受两个参数event和ui的函数挂钩，那么this是droppable的原始DOM元素draggable被删除，ui.draggable是可拖动的。

来自the docs on the drop event：

当此可放置的“超过”（在公差范围内）被删除时，会触发此事件。在回调中，$(this)表示可拖放的可拖放。 ui.draggable代表可拖动的。

他们已经说过droppable是$(this)，但那是因为他们假设你想要一个jQuery实例。 this将是原始DOM元素。

E.g：

$("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");
    }
});

Here's a live copy他们的一个例子就是上面的行动。

修改jQuery函数中涉及的DOM元素

1 个答案: