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
追加された
ビュー: 45
源
あなたはいくつかの詳細を与えることができ、何が働いていますか？そして/または、生成されたHTMLソースを投稿して、何が起こっているかを見るために実行することもできます。
追加された 著者 Jere, 源
私は私の答えを削除しました。
追加された 著者 Jere, 源
コードは jsfiddle.net/58WWX/10 にあります。
追加された 著者 user990016, 源
このスレッドには何が起こったのですか？私はいくつかのコメントを失った。
追加された 著者 user990016, 源

答えはありません

0