2017-03-28 5 views
0

Ich möchte nur wissen, wo kann ich eine Funktion in meinem Drag & Drop platzieren. Ich habe versucht, Warnmeldungen zu verwenden, um zu wissen, wo das Ereignis stattfindet, aber es führt keine meiner Alarmfelder aus. Ich habe Alarmfelder in den Kommentar eingefügt, das sind Orte, an denen ich es platziert habe, aber nichts passiert. Mein Drag and Drop funktioniert, aber es kann keine Alarmbox auslösen. Ich weiß nicht, was falsch ist. Hilf mir. Vielen Dank.Drag and Drop Sortierbar

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'); 
}); 
+0

lol "oink" lol. –

Antwort

0

Das funktioniert perfekt für mich. Hoffe, es wird denen helfen, die auch kämpfen :)

$("#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'); 
         } 
     });