3

リスト 1 とリスト 2 という 2 つの並べ替え可能なリンク リストがあります。

リスト 1 は、ユーザーが選択できるすべてのアイテムのリストであり、リスト 2 のショッピング バスケットにドラッグします。

私がやりたいことは、リスト 2 (ショッピング バスケット) の各アイテムの横にボタン (またはリンク) を配置して、クリックすると、ユーザーが実際にドラッグしなくてもアイテムをリスト 1 に戻すことです。

remove() を使用してリスト 2 からアイテムを削除し、append() または after() などを使用してリスト 1 に戻すだけで、これを簡単に実現できることはわかっていますが、動きをアニメーション化したいと考えています。

あるリストから別のリストにアイテムが自動的に「ドラッグ」されるように、これを達成する方法はありますか? もしそうなら、どのように？

私は周りをよく見ましたが役に立ちませんでしたが、できればサイトはずっと良くなるでしょう. したがって、あなたが提供できるどんな助けも大歓迎です。ありがとう。

4

1 に答える 1

6

わかりました、私は答えを見つけたので、質問をしたので、知る必要がある他の誰かを助けるためにここに答えを載せるべきだと思いました.

リストがソート可能であるという事実は無関係だったので、jquery uiを介してそれを行う方法を探していたのは少しばかげていました.jqueryを使用して要素を移動し、アニメーション化する必要がありました。

そのためには、以下の関数が非常に役立ちました。

function moveAnimate(element, newParent){
    var oldOffset = element.offset();
    element.appendTo(newParent);
    var newOffset = element.offset();

    var temp = element.clone().appendTo('body');
    temp    .css('position', 'absolute')
            .css('left', oldOffset.left)
            .css('top', oldOffset.top)
            .css('zIndex', 1000);
    element.hide();
    temp.animate( {'top': newOffset.top, 'left':newOffset.left}, 'slow', function(){
       element.show();
       temp.remove();
    });
}

このスレッドで Davy8 によって提供されました: JQuery - Animate moving DOM element to new parent?

于 2012-08-24T16:22:15.147 に答える