jQuery UI Sortable - 在X軸上滑動div

Question

我一直在尋找解決方案，並沒有任何運氣。

我有一個容器，其中有一堆divs，並使它們可以在X軸上排序。我希望找到的是在用戶拖拽而不是「彈出」到位時「滑動」或「緩解」其他div的內容。

任何幫助將不勝感激，歡呼！

http://jsfiddle.net/V43Qd/1/

CODE

$("#dragBubbleContainer").sortable({ 
     tolerance: "pointer", 
     axis: "x", 
     opacity: 0.5, 
    }); 

$("#dragBubbleContainer").disableSelection(); 

Answer 1

CSS過渡和jQuery的寬鬆政策是兩種可能的方法。見Animating jQueryUI Sortable using CSS3 transitions。

Answer 2

我能夠通過隱藏/顯示佔位符向可排序列表添加滑動動畫。

找到答案在這裏：jQuery Sortable with animation

DEMO http://jsfiddle.net/V43Qd/3/

$("#dragBubbleContainer").sortable({ 
     tolerance: "pointer", 
     axis: "x", 
     opacity: 0.5, 
     start: function(e, ui){ 
      $(ui.placeholder).hide(300); 
     }, 
     change: function (e,ui){ 
      $(ui.placeholder).hide().show(300); 
     } 
    }); 
    $("#dragBubbleContainer").disableSelection();