Question

我使用Jquery Tablesorter插件和Drag and Drop插件一起工作正常但是当我尝试使用tableDnD的序列化功能时，它说：empty string getElementById

我使用它像这样（js放在桌子下面）：

            <script type="text/javascript">
                $(document).ready(function() {
                    $("#manage").tableDnD({onDrop: function(table, row) {alert($.tableDnD.serialize());}});
                });
                function UpdateOrder () {
                    alert("Test Button Clicked!");
                    var pneworder = document.getElementById("manage").tableDnD.serialize();            
                    alert(pneworder);
                    $.post("inc/testpost.php", { "neworder": pneworder } );
                }
            </script>

按钮代码：

<input type="button" class="btn btn-primary btn-sm" onclick="UpdateOrder()" name="Test" value = "Test"></button>

使用onDrop事件它可以正常显示带有序列化信息的警报，但是点击按钮它只是让我在js控制台中出错，我只是得到第一个警告“测试按钮单击！”。 / p>

任何帮助都会很棒，因为我是Javascript的新手。

编辑：我只是试着getElementsByTag（“table”），它告诉我那个带有“manage”作为id的表存在，但是当我尝试像elements[0].tableDnD.serialize()那样使用它时它仍然给我错误。

Answer 1

如果此表有多个TBODY。功能不太正常。您只能拖动每个TBODY内的行，不能将它们拖到它外面。现在这可能是您想要的，也可能不是，但不幸的是，如果您在TBODY之外删除一行，则会出现Javascript错误，因为在兄弟之后插入不起作用。

具有拖放功能的TableSorter

1 个答案: