Question

我正在使用dragtable插件在我的Web应用程序中重新排序列。它适用于静态表，它可以加载页面。但由于表在页面上动态生成，因此它不会应用于表。任何人都可以帮助我在页面上加载动态表后启动它。

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

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

请建议

Answer 1

您只需调用可拖动方法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。

Answer 3

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

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

可拖动插件不适用于动态表添加

3 个答案: