2014-03-31 22 views
0

我使用jQuery的排序來移動兩個列表之間的元素。jQuery sortable:列表元素在一個元素被拖動時跳轉

我的問題是,當我拖動一個元素時,列表會移動(所有的元素向下,然後備份)。這似乎只在可排序元素內有文本(或其他元素)時纔會發生。

在這個例子中http://jsfiddle.net/vrCC7/2/

  • 它是光滑的,以移動所述第二列表中的元素。
  • 元素在第一個列表中移動時跳轉。
  • 將元素從第二個列表移動到第一個列表會奇怪地偏移它。

代碼:

<div id = "containment"> 
    <ul class = "sortable connectedSortable" > 

     <li class = "child">1</li> 
     <li class = "child">2</li> 
     <li class = "child">3</li> 
    </ul> 

    <ul class = "sortable connectedSortable" > 
     <li class = "child"></li> 
     <li class = "child"></li> 
     <li class = "child"></li> 
    </ul> 

    </div> 

回答

2

只需添加一個

vertical-align:bottom; 

在子類中,似乎這樣的伎倆。

請參閱jsFiddle

+0

謝謝!這完全解決了它!這讓我瘋狂。 – user984003

+0

不客氣。另一種解決方案是在你的文本里添加「 」而不帶文本「。 –

相關問題