2010-04-06 33 views
0

我使用jQuery UI的應用拖拽和資料覈實的連續下降影響,例如:如何自動將拖放效果應用到動態添加的元素?

<div class="draggable">...</div> 
<div class="draggable">...</div> 
<div class="draggable">...</div> 
<div class="draggable"> this DIV was dynamically added, not draggable </div> 

動態添加div一定不會申請的問題這樣的效果,我怎麼能上應用此效果新成員呢?

回答

1

直接使用.draggable()函數不能使用.live()函數,但可以在mouseover事件中使用.live(),並在mouseover上重新附加.draggable()。

$('.draggable').live('mouseover',function(){ 
    $(this).draggable(); 
}); 
+1

過了一會兒看起來,也許最好檢查一下這個項目在拖動之前已經可以拖動。 ($。(this).hasClass('ui-draggable')){$(this).draggable();} ('。draggable')。live('mouseover',function(){ ( ) }); – AdmSteck 2010-04-06 15:24:33

+0

.live現在已被棄用。更好 它的使用。對: - $(體)。在( '鼠標懸停', '.draggable',函數(){$ (本).draggable();} ) – Divyanshu 2013-09-14 09:18:32

0

看看jQuery .live()。我相信你可以在這裏使用它。如果沒有 - 只需在創建元素時附加.draggable()