jquery可拖动到可排序

时间:2009-11-02 14:28:47

标签: jquery jquery-ui-sortable draggable

我创建了一个可排序列表和一个可拖动项目来添加新项目。

我有一个删除按钮,当我从draggable添加新项目时,我想让它可见。

如何连接事件?

这是从可拖动拖动到可排序的元素。

<a  id="btn"    class="ContentItemSelect"  >
    <span  title="Remove" class="ContentItemRemove" id="Remove"></span> 
</a> 

2 个答案:

答案 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到其他拖动的元素?