Question

我有可排序的表格元素。我希望能够将列表中的项目放入垃圾箱（可放置）div。

我可以获取已连接的可排序列表或拖放列表的ID。但是将一个可排序组合与一个可放置的组合使我感到难过。

$("#trash").droppable({
accept: "tr.sortable-row",
hoverClass: "ui-state-hover",
drop: function(ev, ui) {

    var draggableId = $("tr.sortable-row").attr("id");
    var droppableId = $(this).attr("id");


    alert("Draggable ID: "+ draggableId+" Droppable ID: "+droppableId);
    ui.draggable.remove();
    $("#trash").html("<div><span><img style='height:100px; width:100px;'  src='/sis/images/trash.png' ></div>");
    var clickSound = new Audio('/sis/includes/trash.mp3');
    clickSound.play();

}});

draggableId未完成

droppableId是垃圾可放置div的id。

如何获取.sortable-row tr ???的ID

Answer 1

查看drop函数的参数？ (ev, ui)？第二个是可拖动项目的UI的一组处理程序，包括拖动项本身。那是在ui.helper

之下

如果您使用original或clone作为拖动功能的参数，则原始ID仍应存在。（我实际上喜欢自己使用about属性来存储可能不唯一的ID - 显示的各个部分可能分布在整个页面上，使用typeof / about / property HTML5属性可以让我了解哪些对象我有一页）。如果您提供了自定义表示的功能，则您有责任提供ID（在前面提到的about属性或HTML data属性中）以便在下载时读取。

JQUERY获取在DROPPABLE中删除的SORTABLE项的ID

1 个答案: