3

ねえ、私は両方を初期化したテーブルでJqueryドラッグ可能ドロップ可能を使用していますが、問題はドロップ可能領域がテーブルであり、テーブルの下に表示されるアイテムをドロップしようとするとドロップアイテムがdivにあることです。行が必要ですそれが配置されているIDですが、代わりにテーブル全体を取得しています

以下はコードです

テーブルの JavaScript コード

$(function() {
    $( "#draggable" ).draggable({ axis: "y" });

    $( "#droppable" ).droppable({ 
        drop: function(event, ui) { 
            console.log($(this).find('tr.pen'))
            $(this).append($(ui.draggable));
        }
    });
});

テーブルコードは非常に大きいので、コードを送らせていただきます。

私はどんな提案にもオープンです

ありがとうございました 。

4

1 に答える 1

2

個々の行にドラッグ可能なものをドロップしたい場合は、テーブル全体ではなく<tr>、テーブルの s でドロップ可能なものをインスタンス化しないでください。このコードが機能するかどうかを確認します。

$(function() {
    $( "#draggable" ).draggable({ axis: "y" });

    $( "#droppable tr" ).droppable({ 
        drop: function(event, ui) { 
            $(this).append($(ui.draggable));
        }
    });
});
于 2012-09-13T08:49:15.750 に答える