我创建了一个可排序列表和一个可拖动项目来添加新项目。
我有一个删除按钮,当我从draggable添加新项目时,我想让它可见。
如何连接事件?
这是从可拖动拖动到可排序的元素。
<a id="btn" class="ContentItemSelect" >
<span title="Remove" class="ContentItemRemove" id="Remove"></span>
</a>
答案 0 :(得分:1)
Sortable包含一个名为receive的选项,它允许您定义在添加项目时将被调用的函数。
假设您要做的是取消隐藏跨度,您可以执行以下操作。如果不是你的意图,应该相当清楚如何将它转移到另一个用例。
$("#sortable").sortable({
receive: function(event, ui) {
$("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show();
}
});
我不完全确定$(“#”+ $(ui.item).attr(“id”))部分,因为它看起来过于复杂,显然假设你添加的任何对象都有唯一的id(无论如何它应该,但仍然值得一提)。它在我所获得的旧代码中运行良好,但我猜它可以简化。
答案 1 :(得分:0)
我们确实需要更多的标记和相关的javascript来提供有用的答案,但一般来说,您只需汇编所需的HTML并将其附加到您创建的项目中。
虽然是一个快速的附加说明 - 你使用的是可疑的通用ID。你知道每页只能有一个唯一的id,所以一旦你添加了一个id为'btn'的单个元素和一个id为'remove'的span,你就不能添加相同的id了id到其他拖动的元素?