1

新しいアイテムを追加するために、並べ替え可能なリストとドラッグ可能なアイテムを作成しました。

ドラッグ可能なアイテムから新しいアイテムを追加するときに表示したい削除ボタンがあります。

イベントを接続するにはどうすればよいですか?

これは、ドラッグ可能からソート可能にドラッグされる要素です。

<a  id="btn"    class="ContentItemSelect"  >
    <span  title="Remove" class="ContentItemRemove" id="Remove"></span> 
</a> 
4

2 に答える 2

1

Sortableには、アイテムが追加されたときに呼び出される関数を定義できる、receiveというオプションが含まれています。

あなたがやろうとしていることがスパンを再表示することであると仮定すると、あなたは次のようなことをすることができます。ただし、それが意図していない場合は、別のユースケースに転送する方法はかなり明確になっているはずです。

$("#sortable").sortable({
    receive: function(event, ui) {
        $("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show();
    }
});

$( "#" + $(ui.item).attr( "id"))の部分は非常に複雑に見え、追加するオブジェクトには一意のIDがあると想定しているため、完全にはわかりません。とにかく、しかしそれでも言及する価値があります)。私が持っている古いコードではうまく機能しましたが、単純化できると思います。

于 2009-11-05T13:03:07.140 に答える
0

有用な回答を得るには、より多くのマークアップと関連する JavaScript が必要ですが、一般的には、必要な HTML を組み立てて、作成したアイテムに追加するだけです。

ただし、簡単な追加のメモ-疑わしい一般的なIDを使用しています。ページごとに 1 つの一意の ID しか持てないことはわかっているので、ID が「btn」の単一の要素と ID が「remove」のスパンを追加すると、同じ ID でそれ以上追加することはできません。ドラッグされた他の要素へのid?

于 2009-11-02T14:44:32.813 に答える