jQuery的排序單個項目恢復到原始列表

我的購物車設置，用戶可以從商店貨架上拖動一個項目，並將其放入購物車。這一切都很好。我無法解決的下一個編程步驟是如何通過點擊從購物車中刪除商品。在文檔中有這個，但沒有例子可以調用它。jQuery的排序單個項目恢復到原始列表

$('.drag_box').bind('click', function() { 
this.sortable("destroy"); 
});

無所事事。請幫助。

來源

2010-11-03 David Smith

如果你只是想刪除的元素，你可以使用

$('.drag_box').bind('click', function() { 
    $(this).remove(); 
});

來源

2010-11-03 18:32:41 Matt

感謝馬特 - 是的，這會工作，但它會從DOM刪除元素。我一直在尋找將把.dragbox返回到原始位置的東西。 – 2010-11-03 21:42:00

對於原來的可拖動，您使用的克隆：「幫手」和恢復：「真」或者是你移動原來的DOM元素？如果您使用克隆，原始項目將不會移動，然後您只需從購物車中移除即可。 – Matt 2010-11-04 14:32:59

謝謝你 - 我加入了這一點，但它依然繼續原來的DOM元素，我最終被期待做的就是離開原來那裏，並添加一個不同的類，以便用戶知道它在購物車中。這是我的代碼。

$(function() { 
$("drag_box").sortable({ 
     connectWith: 'li.empty_list', 
     opacity: 0.6, 
     handle: 'img', 
     forcePlaceholderSize: true, 
     clone:'helper', 
     revert:true 
}); 

$("li.empty_list").sortable({ 
    stop: function(event, ui) { 
    $(ui.item).addClass("moved"); 
}

}）;

來源

2010-11-04 18:14:49

jQuery的排序單個項目恢復到原始列表

回答

相關問題