0

http://arshaw.com/js/fullcalendar-1.5.3/demos/external-dragging.html

別のDIV（サイドバー）からの外部イベントをカレンダーにドラッグおよびドロップできる上記のフルカレンダーのデモでは、[ドロップ後に削除]チェックボックスをオンにすると、ドラッグされたイベントがカレンダーにドロップされた後にリストから削除されます。イベントが削除されたときにドラッグ可能なイベントサイドバーに残っている他のDIVにイージングまたは同様の効果を追加して、視聴者がリストから何かが削除されたことを認識できるようにしたいと思います。削除されたアイテムの下にある残りのアイテム（DIV）を上にスライドして、イベント3をカレンダーにドラッグすると、イベント4と5が上に移動し、イベント4がイベント3の代わりになるようにするjqueryの方法はありますか？イベント4の代わりにイベント5？どうすればいいのですか？初心者に説明してください。ありがとう！

4

1 に答える 1

0

デモはこのコードを使用して、ドロップされたイベントを削除します

 // is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
    // if so, remove the element from the "Draggable Events" list
    $(this).remove();
}

変更$(this).remove():

$(this).slideUp(function(){
     $(this).remove();
 });

slideUp() メソッドは、リスト内のイベントの折りたたみをアニメーション化します

jQuery API リファレンス: http://api.jquery.com/slideUp/

于 2012-06-04T07:00:47.103 に答える