0

ソート可能なテーブル要素があります。リストからアイテムをゴミ箱 (ドロップ可能な) div に入れたいです。

接続されたソート可能またはドラッグ/ドロップ リストの ID を取得できます。しかし、ソート可能とドロップ可能を組み合わせると、私は困惑しました。

$("#trash").droppable({
accept: "tr.sortable-row",
hoverClass: "ui-state-hover",
drop: function(ev, ui) {

    var draggableId = $("tr.sortable-row").attr("id");
    var droppableId = $(this).attr("id");


    alert("Draggable ID: "+ draggableId+" Droppable ID: "+droppableId);
    ui.draggable.remove();
    $("#trash").html("<div><span><img style='height:100px; width:100px;'  src='/sis/images/trash.png' ></div>");
    var clickSound = new Audio('/sis/includes/trash.mp3');
    clickSound.play();

}});

draggableId は UNDEFINED です

droppableId は、ゴミ箱のドロップ可能な div の ID です。

.sortable-row tr の ID を取得するにはどうすればよいですか???

4

1 に答える 1

0

drop 関数の引数が見えますか? (ev, ui)? 2 つ目は、ドラッグ アイテム自体を含む、ドラッグ可能なアイテムの UI に対するハンドラーのセットです。それは下ですui.helper

originalまたはをドラッグ機能の引数として使用した場合cloneは、元の ID がまだそこにあるはずです。(実際には、about一意ではない可能性のある ID を格納するために属性を自分で使用するのが好きです。表示の一部がページ全体に分散される可能性があり、typeof / about / propertyHTML5 属性を使用すると、ページ上にあるオブジェクトを理解できます)。カスタム表現用の関数を提供した場合、ドロップ時に読み取られるように(前述のabout属性または HTML属性のいずれかで) ID を提供するのはユーザーの責任です。data

于 2013-10-06T06:30:36.263 に答える