0

sortables 要素の 2 つのリストがあり、アイテムをリストから別のリストにドラッグできるようにする必要があります。

私はそれをやろうとしましたが、正しく動作しないようです。

私のコード:

<div class="sortableCard"> 
    <div   class="draggable">car 5</div>
    <div   class="draggable">car 6</div> 
</div>

<div class="sortableCard"> 
    <div  class="draggable">car 1</div>
    <div class="draggable">car 2</div>
    <div class="draggable">car 3</div>
</div>

$(function() {
    $(".sortableCard").sortable({
        revert: true
    });

    $(".draggable").draggable({
        connectToSortable:'.sortableCard',
        revert: "invalid"
    });
});

フィドル: http://jsfiddle.net/MxrrZ/

4

2 に答える 2

1

http://jqueryui.com/sortable/#connect-listsをご覧ください。

$( ".sortableCard" ).sortable({
  connectWith: ".sortableCard"
}).disableSelection();
于 2013-07-23T00:00:38.420 に答える
0

このようにリストを分割する必要があり、上部のリストから下部のリストにアイテムをドラッグします。

<body>
    <div class="sortableCard1">
        <div class="draggable">car 5</div>
        <div class="draggable">car 6</div>
    </div>
    <div class="sortableCard2" style="padding-top:40px">
        <div class="">car 1</div>
        <div class="">car 2</div>
        <div class="">car 3</div>
    </div>
</body>

 $(function () {
     $(".sortableCard1").sortable({
         revert: true
     });

      $(".sortableCard2").sortable({
         revert: true
     });

     $(".draggable").draggable({
         connectToSortable: '.sortableCard2',
         revert: "invalid"
     });
 });
于 2013-07-22T23:26:18.083 に答える