2011-05-26 23 views
3

我試圖將一個列表項目從一側移動到另一側。但是,它似乎並不奏效。我可以將列表項從左到右移動,但不能反過來。左側的CSS文件中有一個float:left。如果我刪除這一切,似乎一切正常。我怎樣才能解決這個問題?jQuery排序不適用於浮動項目

有人嗎?

+0

工作正常,我... – 2011-05-26 11:24:42

+0

什麼?你可以將項目從左到右移動? – Dexty 2011-05-26 11:32:00

+0

是...從左到右,從右到左...使用Chrome ... – 2011-05-26 11:41:47

回答

14

該問題只與你的CSS有部分關係。當浮動時:離開UL,它不會呈現爲塊。快速的解決辦法是使用一個標準的 'clearfix' 範式:在您的列表1 LI元素離開,使用顯示:

#newsLayout ul {display:block;overflow:hidden} 
+0

工作很好!謝啦! – Dexty 2011-05-26 11:59:41

5

而不是使用浮動的inline-block的

有關更多詳細信息,請參見jQuery UI文檔中的示例,它可以完全滿足您的需求。

http://jqueryui.com/demos/sortable/#connect-lists

+0

我知道了,我已經看過它了,但是當我浮動左邊的列表時,它不會「堆疊」 – Dexty 2011-05-26 11:53:15

+0

This!溝槽浮動,總會產生問題。內聯塊是你最好的朋友。 – 2015-02-13 13:00:45