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）类似的问题，并在底部添加填充，就像那个问题似乎无法修复它。

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