在运行时禁用单个元素的可排序

Question

使用JQuery UI Sortable是否可以在运行时关闭/禁用一个li的排序/拖动？

所以要清楚;在页面加载时，所有li元素都是可排序的。我单击一个按钮，第一个li元素现在不可排序/可拖动。

我已尝试过以下方法，但这不会在运行时禁用/关闭它：

$(document).ready(function () {

    $("#slide-list").sortable({ items: '> li:not(.fixed)' });

    $('#lock-slide-btn').click(function() {

        $("#slide-list li").first().addClass('fixed');

        // The above li is still draggable and sortable.
    })
});

Answer 1

加入documentation您应使用destroy方法从元素中删除排序功能

$(document).ready(function () {

    $("#slide-list").sortable({ items: '> li:not(.fixed)' });

    $('#lock-slide-btn').click(function() {

        $("#slide-list li").first().sortable('destroy');

    })
});