0
$(".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);+ 

すべてのhtmlを作成してDOMに追加していることは理解してvar htmlいますが、なぜこれが必要なのですか?var item = ui.draggable.html();は何ui.draggableの略ですか?

4

1 に答える 1

1

関数でuiは、は渡されたオブジェクトです。uiたまたまイベントです。このイベントにはプロパティがありますdraggable。最後.html()に、オブジェクトの内部HTMLを取得します。

この線var item = ui.draggable.html();は次のようになります。

itemオブジェクトuiのプロパティdraggableの内部HTMLコンテンツと同じです。

関数の構造から、uiイベントはドラッグアンドドロップ操作であり、draggableコンテンツはeコマースショッピングカートのアイテムであると想定します。

于 2012-09-16T19:29:20.620 に答える