タイトルの通りdraggableとsortable使ったドラッグ&ドロップで、ドロップ後のオブジェクトを取得する方法が知りたいです。
具体的なコードは以下になります。
liをドロップ後に、ドロップした方のli(ul#ul_2側)に対して処理を行いたいので、そちら側のliのオブジェクトを取得したいです。
ドロップ元(ul#ul_1側)のliオブジェクトの取得方法はあったのですが、上記はぐぐっても見つけることができませんでした。
どのようにすればよいでしょうかご教授ください。
html
lang
1<ul id="ul_1" style="width:350px;height: 150px;background: papayawhip;"> 2 <li class="dragg_item">鈴木 090-XXXX-XXXX</li> 3 <li class="dragg_item">佐藤 080-XXXX-XXXX</li> 4</ul> 5<ul id="ul_2" class="drop_area" style="width:350px;height: 150px;background: wheat;"> 6</ul>
javascript
lang
1$( function() { 2 $( '.drop_area' ).sortable( { 3 revert: true, 4 cursor: 'move', 5 receive: function(event, ui) { 6 //ここでドロップ後のli要素に対して処理を行いたい。 7 } 8 } ); 9 $( '.dragg_item' ).draggable( { 10 connectToSortable: '.drop_area', 11 helper: 'clone', 12 revert: 'invalid', 13 } ); 14} );
バージョン
jQuery 1.72
jQuery UI 1.8.18
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/26 00:15
2015/02/26 12:03
2015/02/26 12:09