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

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');

    })
});