在運行時禁用對單個元素的可排序

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

進入文檔時，您應該使用destroy方法，以便從元素中刪除排序功能

$(document).ready(function () {

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

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

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

    })
});