Question

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.drag.js"></script>
    <script type="text/javascript" src="dragndrop.table.columns.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            function initDraggable(c){
               $(c).dragtable({dragaccept:'.dragdone',dragHandle:'.handle'});
            }
        });
        document.getElementById('coladd').ondblclick = function(){
            $("#tabdrag thead tr").eq(0).append("<th class=\"dragdone\"><div class=\"handle\"></div>three</th>");
            $("#tabdrag tbody tr").eq(1).append("<td>col3text5</td>");
            $("#tabdrag tbody tr").eq(2).append("<td>col3text6</td>");
             initDraggable($("#tabdrag"));
        } 
    </script>
</head>
<body>
<p id='coladd'>add column</p>
    <table id='tabdrag'>
    <thead><tr><th class='dragdone'><div class='handle'>one</div></th><th class='dragdone'><div class='handle'>two</div></th></tr></thead>
    <tbody><tr><td>col1text1</td><td>col2text2</td></tr><tr><td>col1text3</td><td>col2text4</td></tr>
    </tbody></table>
</body>
</html>

动态地我添加拖动选项之后添加列没有工作，然后添加其工作正常。请帮助我任何一个我在动态添加列后调用函数initDraggable它不起作用还有另一个问题如何包含库文件来动态添加部分

Answer 1

这个答案来得太晚了，但你可以使用这个新的，动态添加的列：

$('.defaultTable').dragtable('destroy').dragtable({});

jquery dragtable动态添加列拖动选项不起作用

1 个答案: