0

私はこれに対する解決策を探していましたが、運がありませんでした。

多数の div を含むコンテナーがあり、それらを X 軸で並べ替え可能にしました。私が見つけたいと思っているのは、ユーザーが他の div を所定の位置に「ポップ」するのではなくドラッグすると、他の div を「スライド」または「緩和」するものです。

どんな助けでも大歓迎です、乾杯！

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

コード

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

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

2 に答える 2

2

プレースホルダーを非表示/表示することで、並べ替え可能なリストにスライド アニメーションを追加できました。

ここで答えを見つけました：jQuery Sortable with animation

デモ 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();
于 2013-01-08T03:54:28.013 に答える
0

CSS トランジションと jQuery イージングは​​、2 つの可能なアプローチです。CSS3 トランジションを使用した jQueryUI Sortable のアニメーション化を参照してください。

于 2013-01-07T19:39:55.823 に答える