jQuery 可排序 - 句柄是否必须是现有的 DOM 元素

Question

当使用 sortable 并且你想给它一个句柄选项时，你选择的选择器在调用 sortable 时是否必须是 dom 上的现有元素？

如果是这样，是否可以为稍后动态添加的元素使用一个类？

示例代码：

$("#sortableMembers").sortable
({
    connectWith: "#sortableMembers",
    cursor: "move",
    delay: "150",
    revert: 200,

    start: function (e, ui)
    {
        //Workaround for the height being too small... make the height of the placeholder the same size
        //as the height of the container being dragged
        ui.placeholder.height(ui.item.height());
    }
});

然后当我添加一个 .member 元素时，我会调用

$('#sortableMembers').sortable('option', 'handle', '.member');

我做了.draggable，但它只是让我在屏幕上拖动元素，它没有对它们进行排序。以上没有做任何事情。

Answer 1

在调用 sortable 时，您选择的选择器是否必须是 DOM 上的现有元素？

是的。另请注意，它必须是您定义为可拖动元素的后代。

如果是这样，是否可以为稍后动态添加的元素使用一个类？

您可以稍后在添加新项目及其句柄后更新可拖动项目的选项，如下所示：

$('.draggable').draggable('option', 'handle', '.handle-selector');