5

特定のdivにドロップしたときにドラッグされたIDを取得したい

  Drag  <ul id="demo" > 
         <li id="1" ></li>
         <li id="2" ></li>
        <li id="3" ></li>
        </ul>

         <div class="drop"> drop here!! </div>

Jクエリ

  $(".drop").droppable({ 
                drop: function(event, ui) {

      // i need to get dragged id (note:able to  drag multiple ids)

        1,2,3..     

            }       
            });

私を助けてください！！ありがとう

4

3 に答える 3

17

彼らがjQuery UIのドロップ可能なドキュメントで言うように

すべてのコールバックは 2 つの引数を受け取ります: 元のブラウザ イベントと準備された ui オブジェクト。このオブジェクトのドキュメントについては、以下を参照してください (2 番目の引数に 'ui' という名前を付ける場合):

ui.draggable - 現在のドラッグ可能な要素、jQuery オブジェクト。
ui.helper - 現在のドラッグ可能なヘルパー、jQuery オブジェクト
ui.position - ドラッグ可能なヘルパーの現在の位置 { top: , left: }
ui.offset - ドラッグ可能なヘルパーの現在の絶対位置 { top: , left: }

ui.draggableとしてドロップされる要素jQuery objectです。

だからあなたはIDを取得することができますui.draggable.prop('id')

于 2012-05-19T14:16:45.110 に答える
10

ui.draggableドラッグ可能な要素に対処するために使用できます。

drop: function(event, ui) {
    var id = ui.draggable.attr("id");
}

デモ: http://jsfiddle.net/9RBJG/

于 2012-05-19T14:15:49.530 に答える