Update examples to pass along the container parameter

Author: Jonas von Andrian

source/js/examples/limited_drop_targets.js

@@ -1,16 +1,16 @@
 $(function  () {
   var group = $("ol.limited_drop_targets").sortable({
     group: 'limited_drop_targets',
-    isValidTarget: function  (item, container) {
-      if(item.is(".highlight"))
+    isValidTarget: function  ($item, container) {
+      if($item.is(".highlight"))
         return true
       else {
-        return item.parent("ol")[0] == container.el[0]
+        return $item.parent("ol")[0] == container.el[0]
       }
     },
-    onDrop: function (item, container, _super) {
+    onDrop: function ($item, container, _super) {
       $('#serialize_output').text(group.sortable("serialize").get().join("\n"))
-      _super(item, container)
+      _super($item, container)
     },
     serialize: function (parent, children, isContainer) {
       return isContainer ? children.join() : parent.text()

source/js/examples/nested_with_switch.js

@@ -7,16 +7,16 @@ $(function () {
         if(oldContainer)
           oldContainer.el.removeClass("active")
         container.el.addClass("active")
-        
+
         oldContainer = container
       }
     },
-    onDrop: function (item, container, _super) {
+    onDrop: function ($item, container, _super) {
       container.el.removeClass("active")
-      _super(item)
+      _super($item, container)
     }
   })
-  
+
   $(".switch-container").on("click", ".switch", function  (e) {
     var method = $(this).hasClass("active") ? "enable" : "disable"
     $(e.delegateTarget).next().sortable(method)

source/js/examples/serialization.js

@@ -2,13 +2,13 @@ $(function  () {
   var group = $("ol.serialization").sortable({
     group: 'serialization',
     delay: 500,
-    onDrop: function (item, container, _super) {
+    onDrop: function ($item, container, _super) {
       var data = group.sortable("serialize").get();
 
       var jsonString = JSON.stringify(data, null, ' ');
 
       $('#serialize_output2').text(jsonString);
-      _super(item, container)
+      _super($item, container)
     }
   })
 })

source/js/examples/simple_with_animation.js

@@ -5,18 +5,18 @@ $(function  () {
     group: 'simple_with_animation',
     pullPlaceholder: false,
     // animation on drop
-    onDrop: function  (item, targetContainer, _super) {
-      var clonedItem = $('<li/>').css({height: 0})
-      item.before(clonedItem)
-      clonedItem.animate({'height': item.height()})
-      
-      item.animate(clonedItem.position(), function  () {
-        clonedItem.detach()
-        _super(item)
+    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)
       })
     },
 
-    // set item relative to cursor position
+    // set $item relative to cursor position
     onDragStart: function ($item, container, _super) {
       var offset = $item.offset(),
       pointer = container.rootGroup.pointer

source/js/examples/simple_with_no_drop.js

@@ -2,11 +2,11 @@ $(function() {
   $("ol.simple_with_drop").sortable({
     group: 'no-drop',
     handle: 'i.icon-move',
-    onDragStart: function (item, container, _super) {
+    onDragStart: function ($item, container, _super) {
       // Duplicate items of the no drop area
       if(!container.options.drop)
-        item.clone().insertAfter(item)
-      _super(item)
+        $item.clone().insertAfter($item)
+      _super($item, container)
     }
   })
   $("ol.simple_with_no_drop").sortable({

source/js/examples/table.js

@@ -14,17 +14,17 @@ $(function () {
     itemSelector: 'th',
     placeholder: '<th class="placeholder"/>',
     vertical: false,
-    onDragStart: function (item, group, _super) {
-      oldIndex = item.index()
-      item.appendTo(item.parent())
-      _super(item)
+    onDragStart: function ($item, container, _super) {
+      oldIndex = $item.index()
+      $item.appendTo($item.parent())
+      _super($item, container)
     },
-    onDrop: function  (item, container, _super) {
+    onDrop: function  ($item, container, _super) {
       var field,
-      newIndex = item.index()
-      
+      newIndex = $item.index()
+
       if(newIndex != oldIndex)
-        item.closest('table').find('tbody tr').each(function (i, row) {
+        $item.closest('table').find('tbody tr').each(function (i, row) {
           row = $(row)
           field = row.children().eq(oldIndex)
           if(newIndex)
@@ -33,7 +33,7 @@ $(function () {
             row.prepend(field)
         })
 
-      _super(item)
+      _super($item, container)
     }
   })
 })