0

私はいくつかのコードをいじっています、そして私はドラッグ可能な関数を適用したリストと、ドロップ関数を持つ別のdivを持っています。

私が達成しようとしているのは、リスト要素が削除されると、親リストから削除されて別のリストに追加されることです。

これが私が遊んでいたコードです：

    <div id='dAvail'>
<ul>
    <li><div class='abox'>1</div></li>
    <li><div class='abox'>2</div></li>
</ul>
</div>
<div id='somewhereToDrop'>
</div>
<div id='newListHere'>
<ul>
</ul>
</div>

JS：

$(document).ready(function(){
//add the droppable function to the divs in main list
$('#dAvail ul).each(function(){
   $('li>div).draggable();
});

$('#somewhereToDrop').droppable({
   tolerance:'touch',
   drop:function(event,ui){
   //this is where I am having problems.
   //if I do ui.draggable I get an object representing the object I dragged but not 100% how to remove said object from the orginal list to then append to the new one.
   //this is what i tried.
   var t = ui.draggable[0]; //represents the div that i dropped.
   $(t).parent().parent().remove($(t).parent());
   //that is as far as I have gotten as this returns an error


});

リストからそのオブジェクトを削除する方法を誰かが指摘できれば、それは素晴らしいことです。$（t）.parent（）。eq（）を実行できるかどうかを確認しようとしましたが、それは機能しませんでした。リストインデックスを取得して、そのように削除するというアイデアでした。

ありがとう

4

1 に答える 1

1

remove()パラメータを取りません。インスタンスをDOMから削除します。だから、本当に、あなたがしたいのは：

$(t).parent().remove();
于 2012-11-18T14:01:18.860 に答える