2

Web アプリケーションに JQuery UI のドラッグ アンド ドロップを使用しています。

私は次のHTML構造を持っています:

<div id="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>

および JavaScript:

$('#list').sortable({containment: 'parent'});

アイテムをドラッグ、移動、ドロップすると、すべてのアイテムが縦にきれいに配置され、気に入っています。

アイテムを別のアイテムの上にドラッグ アンド ホバーすると、JQuery UI の Droppable で使用できる hoverClass と同様の視覚効果が下のアイテムに表示されることを願っています。

どうすればいいですか？

よろしくお願いします！

4

3 に答える 3

1

については、およびメソッドと同様のhoverClassことができます。とも役立ちます。overoutstartstop

 $('.sortable').sortable({ 
    over : function(){
         $(this).addClass('valid');
     },
     out : function(){
          $(this).removeClass('valid');
     }
});
于 2013-10-28T08:56:02.267 に答える