javascript - jQuery UI 可排序 - 无法将项目添加到列表底部

Question

我正在尝试创建一个具有一些可排序列表的应用程序。有一个可排序的类别列表，每个类别都有一个可排序的项目列表。这是我的javascript：

$(function() {
  $( ".items" ).sortable({
    connectWith: ".items",
    placeholder: 'item placeholder',
  });
  $( ".categories" ).sortable({
    connectWith: ".categories",
    placeholder: {
      element: function(currentItem) {
        return $('<div class="category placeholder"></div>')[0];
      },
      update: function(container, p) {
        container.refreshPositions();
        return;
      }
    }
  });

  $( ".items" ).disableSelection();
  $( ".categories" ).disableSelection();

});

请参阅此 jsfiddle 以供参考：http: //jsfiddle.net/conman124/GmDBw/

我遇到的问题是将一个项目从一个类别移动到另一个类别的底部并不容易。似乎您必须将其拖动到列表中倒数第二个项目，然后您可以将其向下移动到底部。我已经看过这个（jQuery UI sortable - unable to drag elements to the bottom of a connected list/column）类似的问题，并且像在那个问题中那样在底部添加填充似乎并没有解决它。

有没有人有任何建议来解决这个问题？