Jquery dragtable动态添加的列拖动选项不工作

jquery dragtable dynamically added column drag option not worked

本文关键字：拖动 选项 工作 dragtable 动态 添加 Jquery      更新时间：2023-09-26
<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动态添加列后，它不工作还有一个问题如何包含库文件来动态添加part

这个答案来得太晚了，但是你可以用这个来创建新的、动态添加的可拖动列:

$('.defaultTable').dragtable('destroy').dragtable({});
相关文章：