2012-03-09 84 views
5

當我將它放在垃圾桶對象上時,我遇到了可排序的可拖動項目的問題。
代碼是在這個jsfiddle。 http://jsfiddle.net/queeg/sRAmW/1/jquery可排序,可拖動到垃圾桶物體上

這真的很容易複製的的jsfiddle問題:

  1. 拖「麪包」到sortableA」 的‘sortableA’框擴展,使該項目,以適應

  2. 拖累。 「麪包」改爲「垃圾桶」 垃圾箱會擴大接受物品,然後物品消失

  3. 將「麪包」從「sortableA」拖到「垃圾箱」 問題會顯示出來。垃圾桶不會展開,並且該項目在淡出之前會跳到其他位置。

回答

4

一個可能的解決辦法是刪除可拖動的position: absolute時下降到垃圾桶:

var element = ui.draggable.css('position', ''); 

DEMO

來自#sortableX元素,它們應用了此css規則,但不是直接來自兩個列表中的一個。

+0

是的,這似乎很好地解決了這個問題。我非常感激。 – 2012-03-09 21:11:01

+0

不客氣。真奇怪的行爲,有一個理由,但仍然無法弄清楚。 – 2012-03-09 21:12:06

+0

我注意到了一些東西。當物品從「sortableA」拖到垃圾桶時,可以看到一個空的插槽。它保持可見,直到物品在垃圾桶中消失。是否有一種方法可以在拖放項目時儘快將其從發件人容器中分離出來? – 2012-03-09 21:38:20

1

那是因爲你正嘗試將ul元素追加一個ul這是不合法的HTML,也內部的,因爲款式(左,上),它不正常,你拖動後定位,並把它裏面的垃圾這顯示出它沒有正確地拖入垃圾桶。

我有固定在這裏看一看

http://jsfiddle.net/ShankarSangoli/sRAmW/3/

+0

我感謝任何幫助。在你的jsfiddle中,項目不能從「sortableA」拖動到垃圾箱,這是錯誤的功能。 – 2012-03-09 21:03:14

+0

PERFECT THX這解決了我的問題:)現在我可以垃圾排序對象.. – 2013-04-15 21:57:25

2

打電話$('#sortable, #sortable2').droppable();似乎有伎倆。請參閱here

+0

差不多。但是當從「sortableA」中刪除時,從列表中刪除時垃圾箱不會輕微擴展。 – 2012-03-09 21:18:29