2011-07-26 72 views
11

下面是一個例子雙榜的事情:http://jsfiddle.net/xhdUW/jQuery的:與排序項問題:不能拖放到空列表

如果父列表中的一個已經有內容,列表項將父列表之間轉移容易。但是,如果其中一個父列表爲空,則列表項不會進入空父列表。

.sortable上的文檔說,默認情況下應該啓用傳輸到空列表:http://jqueryui.com/demos/sortable/#empty-lists,即使我指定dropOnEmpty:true,我也會得到相同的行爲。

回答

27

您的空列表沒有高度,也沒有垂直填充。 嘗試從列表中添加了一句:
填充頂
填充底
最小高度

+0

有沒有一種方法可以做到這一點,只有當我有一個可拖動的項目在列表上? – NullVoxPopuli

+0

你可以嘗試從out事件回調中改變空列表的高度。但我不確定。 – hadvig

+0

無法表達我花了多少時間來找出答案。感謝您的評論! – Smilyan

3

你已經嚴重侵犯了排序API。請參閱http://jsfiddle.net/6xkQE/它是如何完成的。

  1. 你必須使用connectWith與你想連接!

  2. 由於@hadvig提到,你必須設置min-height

+0

你是怎麼意思濫用的? – NullVoxPopuli

+0

我的意思是你的第一個電話可排序。它應該是'$ j('。section-holder')。sortable({connectWith:'.section-holder',...'讓它工作。看我的小提琴 – marc

+0

你的小提琴只有當一個項目是在列表中:我添加了另一個項目:http://jsfiddle.net/6xkQE/1/ – NullVoxPopuli