jquery sortable - 排除列表中的单个项目与其他列表连接，同时在其自己的列表中可排序

Question

我从上周五开始就在寻找这个问题，找不到任何解决方案。我考虑并尝试了几次的一件事是首先构建该函数，其中列表中的所有项目(包含该项目)实际上应该被排除在可放入其他列表之外的项目中，并且有权在该列表中移动，并且后来构建另一个函数，其中所有项目都准备好被移动到其他列表中，但某个特定项目被排除在外。

但似乎你不能用 jquery 为一个列表编写两个函数，或者有可能吗？

无论如何，我的请求实际上在标题中得到了最好的描述，但到目前为止我还没有找到任何解决方案。有人知道如何解决这个问题吗？

问候，马什切克

编辑:

这是一些代码:

 $("#tx-sortable2").sortable({    
                               items: \'li:not(.tx-header)\',
                                connectWith: \'#tx-sortable2,#tx-sortable3\',            
                                helper: \'clone\',
                                 opacity: 0.6,

                                 forceHelperSize: true,
                                placeholder: \'tx-highlight\',
                                revert: \'invalid\',
                                update: function() {
                                    var order = $(this).sortable("serialize") + \'&action=bla=blubb\';                                    
                                    $.ajax({
                                         url: \'index.php?bla=blubb\',
                                         type: \'POST\',
                                         data: order,
                                         timeout: 50000,
                                         beforeSend: function() {
                                         $("#tx-response").show();
                                         $("#tx-response").fadeOut(2000);
                                    }
                               });                    
                          }             

在此示例中，#tx-sortable2 中的所有 li-item 都可以移动到列表 #tx-sortable3 以及列表 #tx-sortable2 本身中，这就是 connectWith 的含义。再次，我的问题是，如何使单个 li-item 在其自己的列表中可排序(此处为#tx-sortable2)，但防止它被拖到另一个列表中？

Answer 1

当排除的项目移动到连接列表时，您可以触发取消事件。只需给排除的项目一些特殊属性(类)即可。

符合以下内容。

html

<ul id="tx-sortable2">
    <li>Element2_1</li>
    <li class="excluded">Element2_2</li>
    <li>Element2_3</li>
    <li>Element2_4</li>
</ul>

<ul id="tx-sortable3">
    <li>Element3_1</li>
    <li>Element3_2</li>
    <li>Element3_3</li>
    <li>Element3_4</li>
</ul>

js

$("#tx-sortable2").sortable({
    connectWith: '#tx-sortable3', 
    over: function(){
        if($(ui.item.hasClass('excluded')){
           $(ui.sender).sortable('cancel');
        }
});