可拖動的插件不能用於動態表格添加

Question

我正在使用可拖動的插件重新排列我的web應用程序中的列。它適用於獲取頁面負載的靜態表。但是它並沒有被應用到表格中，因爲表格是在頁面上動態生成的。任何人都可以幫助我在頁面上加載動態表格後啓動它。

Dragable plugin link: http://www.danvk.org/wp/dragtable/ 

jsfiddle link: http://jsfiddle.net/kslagdive/LfKvN/ 

請建議

Answer 1

您只需調用dragtable方法makeDraggable：

$().ready(function() { 
    var table = $('<table id=table class="draggable" cellpadding=2 border="1" style="background:#f3f3f3" ><tr><th>test</th><th>test</th><th>test</th></tr><tr><td>1</td><td>2</td><td>3</td></tr></table>').appendTo('body'); 
    // the object has to be a HTML DOM Object, not a jQuery object, so I use 
    // table[0] to receive it 
    dragtable.makeDraggable(table[0]); 
}); 

演示是here。

Answer 2

你可以只重新初始化插件後，它已被動態地添加到頁面。 我猜在你的頁面的$(document).ready你正在做這樣的事情：

$(document).ready(function() { 
    $('#yourTable').draggable(); 
}); 

再打電話來放在桌子上.draggable。