理解jQuery draggable

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()获取对象的内部超文本标记语言。

行var item = ui.draggable.html();等同于：

item等于对象ui的属性draggable的内部HTML内容。

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