TableDnD onDrop 事件未触发

2024-02-21

我确信这是非常简单的事情,通常都是如此。

$('#sort-table').tableDnD({
    onDragClass: "dnd_drag",
    onDragStart: function(table, row) {
        console.log("start drag");
    },
    onDrop: function(table, row) {
        console.log($.tableDnD.serialize());
    },
    dragHandle: ".dragHandle"
});

我将上面的代码用于 tableDnD(jQuery 表排序插件)。这是他们提供的示例中的确切代码,但当我将项目拖放到表中时,它不会正确触发 onDrop 事件。我在控制台中没有得到任何响应。该表确实初始化,并且拖动手柄正常工作,所以我至少知道这部分代码是正确的。我唯一无法开始工作的是 onDrop 命令。

Update:
我更新了上面的代码,添加了 onDragStart 和 onDragClass,两者都工作得很好,只是 onDrop 函数失败了。

这是我的一般表格布局:

<table id="sort-table">
    <tbody class="sort-items">
        <tr class="1">
            <td class="dragHandle"></td>
            ...
        </tr>
        ...
    </tbody>
</table>

您必须定义 tr[id] 属性才能使 onDrop 工作。 这是因为 onDrop 仅在行顺序更改时触发。 但是,如果不指定 tr[id] 属性,tableDnD.serialize() 会认为没有任何重新排序。 (肯定是错误)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TableDnD onDrop 事件未触发 的相关文章

随机推荐

  • 为什么我们必须在 onClick 方法中添加“View”作为参数以及它的作用是什么?

    我正在 Android Studio 中的按钮上设置事件监听器 用于更改按钮内的文本TextView到了这一点 我们定义了OnClick方法 在其参数列表中要求View目的 谁能解释一下它的作用吗 我无法理解对象在哪里View类将会习惯 它
  • AppCompatActivity 的 TextView 颜色始终为白色

    a 的文字颜色TextView在 Marshmallow 之前的设备上始终为白色 即使我在 XML 中使用黄色或黑色 除了棉花糖之外 它始终是白色的 在运行时 它将在所有设备上正常工作 以前 当我使用 Eclipse 时 一切正常 但在 A
  • 图片上传/接收API

    我想在我的网站上提供一个简单的 API 允许人们向其上传图像 并接收 URL 来访问它 但我有几个问题 如果用户必须以二进制代码发送图像会更好 还是如果用户必须以 idk ASCII 等方式发送图像会更好 常规方式是什么 我这么问是因为我可
  • 使用ajax加载以编程方式扩展jstree中的节点

    我有一棵用 jstree 制作的树 它部分加载 并在扩展节点时通过 json data 插件加载 这是代码的关键 TreeViewDiv jstree json data ajax url Website GetNodes data fun
  • 安装 SDK 后如何配置 Android 模拟器

    我正在尝试在我的 64 位 Ubuntu 12 04 发行版上启动并运行 Android 模拟器 首先 我必须安装 ia32 libs 来解决我在之前 失败的 尝试中遇到的一些早期问题 然后我下载并安装了 64 位 Linux 发行版 我导
  • Mongoose:如何防止 mongodb 在数据库中保存重复的电子邮件记录

    我想让关键电子邮件在该集合中唯一 但我无法使其正常工作 这是我的服务器代码 Create a schema var userSchema new mongoose Schema email type String required true
  • 如何制作一个 HTML/JS 所见即所得编辑器? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我尝试了许多不同的 Google 搜索 但一直无法找到有关如何实际创建所见即所得编辑器的最新教程 2006 年以后 我意识到已经有很多
  • 赋值运算符是否“需要”返回?

    根据C 标准 我可以确定内置变量的赋值运算符返回 原始值 吗 或者这个实现依赖于 但只是最流行的编译器实现了这个 是的 可以保证 5 17 赋值和复合赋值运算符 赋值运算符 和复合赋值运算符全部分组 右到左 全部都需要一个可修改的左值作为其
  • Smalltalk 中的 self 和 self 有什么区别?

    在 Smalltalk 中 方法体中经常出现两个术语 self and yourself 它们之间有什么区别 保留字self是一个伪变量 不能分配给它 它引用使用它的方法的当前接收者 另一方面yourself是一条消息 您可以发送给任何对象
  • 如何在Linux下构建Visual Studio解决方案?

    我一直使用 Windows 对 Linux 的经验非常有限 我的 Visual Studio 解决方案包含 5 个 C 项目 其中 4 个是静态库 一个是主应用程序 使用这些静态库 我想将其移动到 Ubuntu 我不使用任何特定于 Wind
  • Google Colab 中的 osmNX

    出于我的目的 我需要 Google Colab 中的 osmNX 以前有人这样做过吗 我使用以下命令 wget https repo anaconda com archive Anaconda3 2019 07 Linux x86 64 s
  • 如何导出 .xlsx 文件 C# ASP.NET MVC razor

    我想将数据导出到 xlsx文件 但我似乎只能导出到 xls 导出文件最简单的方法是什么 xlsx file 这是我用来导出到的代码 xls file GridView gv new GridView gv DataSource listCa
  • Windows Mobile 应用程序 - 通过 MMS 协议播放流?

    NOTE 这个问题被重新提出是因为我在上一个问题中不小心点击了社区维基 显然这并没有以声誉的形式提供足够的激励来让人们回答这个问题 这是旧问题的链接 请不要重复这些答案 无论如何它们并不完全有帮助 链接到原始问题 https stackov
  • 将分支合并到目录 GIT

    我有一个名为Project 然后我有一个名为payment其中包含应用程序的所有项目文件 我想合并分支payment进入我的主分支 但在文件夹 目录内 换句话说 项目分支 gt 支付申请 文件夹 gt 支付分支文件 第一次 git chec
  • C++ 中嵌套类型/类的前向声明

    我最近陷入了这样的情况 class A public typedef struct class B C D someField class C public typedef struct class D A B someField 通常你可
  • 使用 anaconda python3 安装 opencv 3.1?

    如何使用 anaconda python3 安装 opencv opencv 获取了我的 python3 可执行文件 Python 2 Interpreter usr bin python2 7 ver 2 7 12 Libraries u
  • Vue Router 推送错误:避免了到当前位置的冗余导航

    有没有办法避免错误 避免冗余导航到当前位置 我需要进行分页 方法如下 handlePageChange page number void const query this route query page page toString thi
  • ActiveJob GlobalID 和内存中 ActiveRecord 对象

    我正在使用排队系统 Sidekiq 并且希望迁移到 ActiveJob 以获得性能优势 因为不必每次将 ActiveRecord 对象传递给工作人员时都查询数据库 我想询问并确认 因为我不是 100 确定 但我的理解是 当 ActiveJo
  • 使用依赖属性和样式触发器时,“...不是 DependencyProperty”

    在我的用户控件中 public ODIF DeviceChannel Channel get return ODIF DeviceChannel GetValue ChannelDP set SetValue ChannelDP value
  • TableDnD onDrop 事件未触发

    我确信这是非常简单的事情 通常都是如此 sort table tableDnD onDragClass dnd drag onDragStart function table row console log start drag onDro