Jquery 动态排除“上的可排序项目”；“开始”；

我希望能够根据要拖动的特定项“冻结”可排序列表中的某些项。所以基本上是这样的：

<ul class="sortable">
   <li class="special">Item 1</li>
   <li>Item 2</li>
   <li class="lock-me">Item 3</li>
</ul>

这可能吗？或者也许还有别的办法

这里有一个

您没有正确使用

项

选项：

阅读你的评论。我误解了

添加

$（.sortable”）.sortable（“刷新”）为我修复它

这里有两个选项：



您的代码使.lock me项目始终不可排序。我要寻找的是一种方法，只有在拖动.special项时才能使.lock me项不可排序。i、 所有其他的时间。锁定我的项目仍然是可悲的，是谁做的！谢谢，杰森
$( ".sortable" ).sortable({
    start : function(e, ui){
        if(ui.item.hasClass('special')){
            $( ".sortable" ).sortable('option', 'items', ':not(.lock-me)');
        }
    },
    stop : function(e, ui){
        $( ".sortable" ).sortable('option', 'items', 'li');
    }
});

$(function() {
    $( ".sortable" ).sortable({
        items: ':not(.lock-me)'
    });
 });

$(function () {
    $(".sortable").sortable({
        items: ':not(.lock-now)',
        start: function (e, ui) {
            console.log('started');
            if (ui.item.hasClass('special')) {
                console.log('item was .special');
                $('.sortable .lock-me').addClass('lock-now');
                $( ".sortable" ).sortable( "refresh" );
            }
        },
        stop: function (e, ui) {
            console.log('stopping');
            $('.sortable .lock-me').removeClass('lock-now');
        }
    });
});

$(function() {
    $( ".sortable" ).sortable({
        start : function(e, ui){
            if(ui.item.hasClass('special')){
                $( ".sortable" ).sortable('option', 'items', ':not(.lock-me)').sortable( "refresh" );
            }
        },
        stop : function(e, ui){
            $( ".sortable" ).sortable('option', 'items', 'li');
        }
    });
 });