jquery - 了解 jQuery 可拖动

Question

$(".item").draggable({
    revert: true            
});
$("#cart_items").draggable({
    axis: "x"
});

$("#cart_items").droppable({


    drop: function(event, ui) {
        var item = ui.draggable.html();
            console.log(item);

        var html = '<div class="item icart">';
        html = html + '<div class="divrm">';
        html = html + '<a onclick="remove(this)" class="remove">&times;</a>';
        html = html + '<div/>'+item+'</div>';
        $("#cart_items").append(html);+ 

我知道var html我正在创建所有 html 并将其附加到 DOM，但为什么我需要这个？var item = ui.draggable.html();代表什么ui.draggable？

Answer 1

在函数中，ui是传入的对象。ui恰好是一个事件。这个事件有一个属性draggable。最后.html()获取对象的内部 HTML。

线var item = ui.draggable.html();相当于：

item等于对象ui的 propertydraggable的内部 HTML 内容。

从函数的结构来看，我假设ui事件是一个拖放操作，并且draggable内容是电子商务购物车的一个项目。