用于表格单元格替换的 jQuery 插件
我需要一个 jQuery 插件,它将采用 HTML 表格,并允许通过拖放替换彼此之间的单元格。示例:
[1][2][3]
[4][5][6]
[7][8][9]
当我将 1 拖到 9 上时,它应该像这样替换它们:
[9][2][3]
[4][5][6]
[7][8][1]
理想情况下使用可选的回调函数(使用 ajax 更新远程页面)。
提前致谢。
I need a jQuery plugin that will take an HTML table, and will allow the replacement of cells in between each other, via drag n drop. Example:
[1][2][3]
[4][5][6]
[7][8][9]
When I drag 1 onto 9, it should replace them like so:
[9][2][3]
[4][5][6]
[7][8][1]
ideally with an optional callback function (to update a remote page with ajax).
Thanks in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
看看这个:
http://www.redips.net/javascript/drag-and- drop-table-content/
勾选表格下方的“切换内容选项”。
Look at this:
http://www.redips.net/javascript/drag-and-drop-table-content/
Check the "Switch content option" below the table.
使用 jQuery UI,您可以创建可拖动元素。您还可以创建可放置元素。
尝试使用表格和表格单元格来搞乱这些演示,看看您自己能走多远。如果您陷入了困境,请回来,一旦您有了一些代码,也许有人可以帮助您!
Using jQuery UI you can create draggable elements. You can also create droppable elements.
Try messing around with those demos using a table and table cells and see how far you can get by yourself. If you hit a dead-end, come back and someone may be able to help you out once you have some code!
我明白了! http://jsfiddle.net/8dRZz/
在这个例子中,它将永远保持“加载”状态,很容易理解由于处理程序不存在,因此没有 AJAX 成功调用。
I've got it! http://jsfiddle.net/8dRZz/
In this example, it will stay "loading" forever, easily understandable since the handler in not there, so no AJAX success call.