jQuery sortable-句柄必须是现有的DOM元素吗

Question

当使用sortable并希望给它一个handle选项时，您选择的选择器在调用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());
    }
});

然后当我添加一个。我调用的成员元素

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

是的。可拖动，但它只是让我在屏幕上拖动元素，它没有对元素进行排序。以上这些都没用。

Answer 1

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

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

如果是这样的话，是否仍然可以为以后动态添加的元素使用类？

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

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