ドラッグアンドドロップで並べ替え可能

Question

ドラッグ＆ドロップでいくつかの機能を配置することができます。私は、イベントがどこで行われているかを知るために警告メッセージを使用しようとしましたが、警告ボックスを実行していません。私は警告のボックスをコメントに入れました、それらは私が置くのに使った場所ですが、何も起こりません。私のドラッグアンドドロップは機能しますが、火災警報ボックスは使用できません。私は何が間違っているのか分からない。助けて。ありがとう。

var adjustment; 
$(function() { 
    $("#container1, #container2").sortable({ 
     group: 'ol.simple_with_animation', 
     pullPlaceholder: false, 

     onDragStart: function ($item, container, _super) { 
      var offset = $item.offset(), 
       pointer = container.rootGroup.pointer; 

      adjustment = { 
       left: pointer.left - offset.left, 
       top: pointer.top - offset.top 
      }; 

      _super($item, container); 

     }, 
     onDrag: function ($item, position) { 
      $item.css({ 
       left: position.left - adjustment.left, 
       top: position.top - adjustment.top 
      }); 
      // alert('oink'); 
     }, 

     onDrop: function ($item, container, _super) { 
      var $clonedItem = $('<li/>').css({ height: 0 }); 
      $item.before($clonedItem); 
      $clonedItem.animate({ 'height': $item.height() }); 
      // alert('wew'); 
      $item.animate($clonedItem.position(), function() { 
       $clonedItem.detach(); 
       _super($item, container); 
      //  alert('oink'); 
      }); 
     // alert('oink'); 
     }, 

    }); 
    //alert('oink'); 
}); 

Answer 1

これは私にとって完璧です。それはあまりにも苦労している人々を助けることを願っています：

$("#container1, #container2").sortable(
     { 
      group: 'ol.simple_with_animation', 
      onDrop: function ($item, container, _super) { 

          var $clonedItem = $('<li/>').css({ height: 0 }); 
          $item.before($clonedItem); 
          $clonedItem.animate({ 'height': $item.height() }); 

          $item.animate($clonedItem.position(), function() { 
           $clonedItem.detach(); 
           _super($item, container); 

          }); 
          alert('oink'); 
         } 
     });