2012-06-04 85 views
0

http://arshaw.com/js/fullcalendar-1.5.3/demos/external-dragging.htmlfullcalendar拖動事件放寬對剩餘的DIV

在fullcalendar其中來自一個單獨的DIV(欄)的外部事件是拖動和可投放到日曆的上述演示,當盒子「下降後除去」被打勾,拖放到日曆後拖動的事件將從列表中刪除。我想爲刪除事件時留在可拖動事件邊欄中的其他DIV添加緩動或類似效果,以便觀看者知道某些內容已從列表中刪除。有沒有jQuery的方式來滑動剩下的物品(DIV)在被刪除的物品下方,這樣如果我將事件3拖到日曆中,事件4和5將向上移動,事件4將取代事件3,並且事件5代替事件4?我該怎麼做?請向noob解釋。謝謝!

回答

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(); 
}); 

的效果基本show()方法將動畫事件的列表崩潰

的jQuery API編號:http://api.jquery.com/slideUp/

+0

非常感謝。奇蹟般有效。你是一個救星! – user1434524

+0

對不起,我太高興了,我甚至沒有意識到接受你的答案。現在接受答覆,再次感謝。 – user1434524