理解jQuery可拖拽

$(".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代表什麼？理解jQuery可拖拽

來源

2012-09-16 funguy

從[docu]（http://jqueryui.com/demos/droppable/#event-drop）_在回調函數中，$（this）表示可拖動的拖放。 ** ui.draggable表示可拖動的** _ – Andreas

在函數中，ui是傳入的對象。 ui恰好是一個事件。此事件有一個屬性draggable。最後.html()獲取對象的內部HTML。

線var item = ui.draggable.html();相當於：

item等於對象ui的屬性draggable的內部HTML內容。

從功能的結構，我會假設ui事件是一個拖放操作，而draggable內容是一個電子商務購物車的項目。

來源

2012-09-16 19:29:20

理解jQuery可拖拽

回答

相關問題