0

sortableconnectWithは奇妙に思えます。たとえば、他の並べ替え可能な接続リストアイテム（黄色）と接続したくない並べ替え可能なアイテム（オレンジ）のリストがあります。

したがって、接続されているものにクラス名を追加しますconnected-sortableが、接続されていないもの（オレンジ）は接続リストにドロップできます。

何故ですか？これを修正するにはどうすればよいですか？黄色のアイテムの中にオレンジ色のアイテムをドロップしないでください。

これがjsfiddleです。

jquery、

 $( ".sortable" ).sortable({
                connectWith: ".connected-sortable",
                cancel: ".not-sortable",
                handle: '.handle',
                update: function(){

                   // php updates  

                }
  });
4

1 に答える 1

1

.sortable が黄色で .sortable2 がオレンジ色の場合、sortable を 2 回呼び出すことができます (css に .sortable2 li を追加することを忘れないでください)。

$(function() {
        $( ".sortable" ).sortable({
            connectWith: ".connected-sortable",
            cancel: ".not-sortable",
            handle: '.handle',
            update: function(){

                var path = $(this).closest(".parent-sortable").find('input.path-sort-image').val();
                var order = $(this).sortable("serialize");
                //alert(path);
                //alert(order);


            }
        });
$( ".sortable2" ).sortable({             
            cancel: ".not-sortable",
            handle: '.handle',
            update: function(){

                var path = $(this).closest(".parent-sortable").find('input.path-sort-image').val();
                var order = $(this).sortable("serialize");
                //alert(path);
                //alert(order);


            }
        });
    });

jsfiddleも更新しました。これが役立つことを願っています。

于 2012-12-16T04:44:28.687 に答える