JQueryのドラッグ・アンド・ドロップ・スワップ

私は別のポストから次のコードを借りて、それが行く限り動作します。私は2つのアイテムのリストの間を交換する必要があります。私は複数の項目のコードを変更する方法を理解できません。

ColdFusionを使用していますので、cfoutputを参照しています。私はクエリーをループしています。私はそれを二度する。一度ラインナップの選手(彼らは有効な週番号を持っている)を開始し、再びベンチ選手のために。アイデアは、ベンチプレーヤをスタートラインナップに移すことです。

<html>
<head>
    <script type="text/javascript">

        jQuery.fn.swapWith = function(to) {
            return this.each(function() {
                var copy_to = $(to).clone();
                var copy_from = $(this).clone();
                $(to).replaceWith(copy_from);
                $(this).replaceWith(copy_to);
            });
        };



        $(document).ready(function() {

            options = {
                    revert: true,
                    helper: 'clone'
            };

            $("li").draggable(options);
            $('#wrapper').droppable({
                drop: function(event, ui) {
       //     window.setTimeout(function(){
                    $('#one').swapWith($('#two'));
                    $(".ui-draggable-dragging").remove();
                    $("li").draggable(options);
        //}, 1);
                }
            });
        });

    </script>

</head>
<body>
    <form>
    
  • <div style="width: 100px; height: 100px; border: 1px solid green"> one
    </div>
  • <div style="width: 110px; height: 110px; border: 1px solid red"> two
    </div>
    
</form> </body> </html>
1
あなたはいくつかの詳細を与えることができ、何が働いていますか?そして/または、生成されたHTMLソースを投稿して、何が起こっているかを見るために実行することもできます。
追加された 著者 Jere,
私は私の答えを削除しました。
追加された 著者 Jere,
コードは jsfiddle.net/58WWX/10 にあります。
追加された 著者 user990016,
このスレッドには何が起こったのですか?私はいくつかのコメントを失った。
追加された 著者 user990016,

答えはありません

0