0

私はこの短縮可能なリストを使用しており、項目が無効になっている 2 つの接続された並べ替え可能なリストを使用したいと考えています。

残念ながら、うまくいきません。誰でも私を助けることができますか？

<section>
    <h1>Connected Sortable Lists</h1>
    <ul id="sortable4" class="connected sortable list">
        <li>Item 1
        <li>Item 2

    </ul>
    <ul id="sortable5" class="connected sortable list">
        <li class="disabled">Item 21
        <li class="highlight">Item 22

    </ul>
</section>

<script>
    $(function() {      
        $('#sortable5').sortable({
            items: ':not(.disabled)'
        });

        $('#sortable4, #sortable5').sortable({
            connectWith: '.connected'
        });
    });
</script>
4

3 に答える 3

0

2つの関数を使用する場合は、次のように定義できます。

$('#sortable4').sortable({
        connectWith: '#sortable5',
        items: ':not(.disabled)'
    });

$('#sortable5').sortable({
        connectWith: '#sortable4',
        items: ':not(.disabled)'
    });
于 2013-01-25T10:06:50.963 に答える
0

上記のコメントで述べたように、必要なsortable機能は 1 つだけだと思います。したがって、おそらく次のように機能するはずです。

<script>
    $(function() {      
        $('#sortable4, #sortable5').sortable({
            connectWith: '.connected',
            items: ':not(.disabled)'
        });
    });
</script>
于 2013-01-16T20:41:09.953 に答える
0 
<script>
$('ul.sortable').sortable().bind(
    'sortupdate', function() {                      
        var dataIDList = $('ul.sortable li').map(
            function(){ 
                return $(this).attr("data-id");
            }
        ).get().join(",");

        $.post(
            'sort_save.php',{ idlist: dataIDList }, function(data){
                alert('ok!' + data); 
            }
        );
    }
);      

$(function() {      
    $('#sortable4, #sortable5').sortable({
        connectWith: '.connected',
        items: ':not(.disabled)'
    });
}); </script>
于 2013-01-17T11:12:42.830 に答える