0

接続されたソート可能な div-s に問題があります。最初のソート可能な div から別のソート可能な div に項目をドラッグすると、機能します。2番目のソート可能にドラッグすると問題が発生しますが、ドロップしないでください。代わりに、アイテムを最初のソート可能なdivに戻そうとしました。最初のソート可能ではなく2番目のソート可能に移動します。これが私のjqueryです。この問題を解決する方法が見つかりません..これは、コードで使用した、接続されたソート可能の基本的なjqueryコードです。

$(function() {
    $( ".sortable1" ).sortable({
        connectWith: ".sortable2",
        revert: false
    }); 
    $( ".sortable2" ).sortable({

    });

    $( ".sortable1,.sortable2" ).disableSelection();
});

jsFiddle の最後の例: http://jsfiddle.net/KtpJj/3/ 何か提案はありますか??

更新: jquery コードをこのように変更すると、別の問題が発生します...

$(function() {
  $( ".sortable1" ).sortable({
    connectWith: ".sortable2",
    revert: false
  }); 
  $( ".sortable2" ).sortable({
    connectWith: ".sortable1",
    revert: false
  });

$( ".sortable1,.sortable2" ).disableSelection();
});

2 番目の div から最初の div へのドラッグ バックを拒否することはできますか? そのためには、最後の jquery コード { connectWith: ".sortable1" } から削除する必要があります。しかし、この場合、項目を最初の div から 2 番目にドロップせずにドラッグすると、2 番目の div にドロップする代わりに、最初と 2 番目の div からドラッグすると、2 番目に戻りますが、最初のdivに戻ります。

4

1 に答える 1