0

次の問題があります。アイテムが「sortable_pics_selected」リストから他のリストにドラッグされた後、jqueryui"remove"イベントハンドラーでイベントが発生します。

->フィドル： http： //jsfiddle.net/4DBLj/3/ <---

 $("#sortable_pics_selected").sortable({
            remove: function(event, ui) {
                alert('hi);
            }
        });


<div id="sortablecontainer_pic"> 
   <ul id="sortable_pics_all" class="connectedSortable">
      <li class="ui-state-default">Item 1</li>
      <li class="ui-state-default">Item 2</li>
      <li class="ui-state-default">Item 3</li>
      <li class="ui-state-default">Item 4</li>
      <li class="ui-state-default">Item 5</li>
   </ul>

   <ul id="sortable_pics_selected" class="connectedSortable">
      <li id="1" class="ui-state-highlight">Item 1</li>
      <li id="2" class="ui-state-highlight">Item 2</li>
      <li id="3" class="ui-state-highlight">Item 3</li>
      <li id="4" class="ui-state-highlight">Item 4</li>
      <li id="5" class="ui-state-highlight">Item 5</li>
   </ul>
</div>

削除されたアイテムがどのIDを持っているかを把握する方法はありますか？上記の関数は、一般的に、アイテムが削除されたときにのみ起動します...個々のIDを取得するための最良の方法は何でしょうか？これを実行できるjqueryui関数はありますか？そうでない場合...removeメソッドは私には正しくないようです。私はそれを純粋なjqueryで書くことができましたが、このためにjquery uiがビルドされましたか？私は何かを誤解しましたか？

4

2 に答える 2

1

次のことを試しましたか？私はそれがうまくいくはずだと信じています

    ui.attr('id')
于 2012-04-26T19:30:07.913 に答える
1

あなたのフィドルに基づいて、これが最終的なコードです

http://jsfiddle.net/4DBLj/5/

uiアイテムのid属性を取得します。

alert(ui.item.attr('id'));

編集：ui.itemコメント「ui.classについて読むことができる場所」について。

jQuery UIには、各ウィジェットに関するドキュメントがあります。多くの場合「ui」が含まれていますが、実際のコンテンツは異なる場合があります。並べ替え可能については、次のページを参照してください。

http://jqueryui.com/demos/sortable/ [概要]タブの下。そこには、現在ドラッグされているアイテムであるui.itemへの参照があります。これは、この場合、そのオブジェクトのコード「id =」に属性を含めたため、「id」の属性を持っています。

于 2012-04-26T20:09:57.710 に答える