jquery - Dragtable插件不适用于动态表添加

Question

我正在使用 dragtable 插件对我的 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]);
});

演示在这里。

Answer 2

您可以在插件被动态添加到页面后重新初始化插件。我猜在$(document).ready你的页面中你正在做这样的事情：

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

再叫.draggable一次桌子。

Answer 3

如果您使用的是 twitter-bootstrapTable，您可以将其添加到您的onLoadSuccess函数中

onLoadSuccess: function() {
     $table.on('all.bs.table', function (event) {
         $('#table-javascript').dragtable('destroy').dragtable({});
     });
}