为什么这段代码会破坏 jquery UI 拖动&滴（含同位素）

Question

我有一个带有项目网格的页面。这些项目中的每一个都可以拖到四个 div 之一上并添加到该 div 中。这是使用 jQuery 和 JQuery UI 可拖放来完成的。

第一个同位素项可以拖到任何 div 上。然而，第二和第二个第三个同位素项目无法识别第一个可放置的 div，但当拖动到第二个可放置的 div 上时，将被添加到第一个可放置的 div 中。

第四次和第四次第 5 个可拖动项目（同位素）无法识别第一个或第二个可放置 div，但当拖动到第 3 个可放置项上时，会添加到第二个可放置项。

因此，不知何故，可掉落物品对于物品掉落的位置感到困惑。

当我注释掉以下代码时，拖放工作正常。关于为什么这段代码会影响可放置区域的任何想法？

jQuery('div.container').isotope({
 itemSelector: 'div.sub-item', 
 resizesContainer : false,
 layoutMode : 'fitColumns',
 getSortData :{ 
   fitOrder : function ($item){
    var order, 
       index = $item.index();
       if($item.hasClass('sub-item-big') && index % 2) {
            order = index +1.5;
            } else {
            order = index;
            }
        return order;
       }
   },
 sortBy : 'fitOrder'
});

--------------- 更新 ------------------

经过一番尝试后，我决定添加“销毁”开始拖动时的同位素。

  jQuery('div.sub-item').draggable({
         helper: function(){
                jQuery('div.container').isotope('destroy');
                return jQuery(this).clone().appendTo('body');
          }
    })

当我以这种方式运行时，这些项目将被放入正确的容器中。

同位素文档说它们是“删除”功能，但有两个问题。

1）文档说它删除了“从同位素小部件和DOM中指定的项目元素”，但我不想从小部件或DOM中删除该项目，我只想删除同位素功能

2）我得到错误“无法在初始化之前调用同位素方法，尝试调用方法删除” - 但在这种情况下，同位素已初始化，但可能不在被克隆的对象上？尽管我希望能够学习，但这超出了我的能力。

现在我已经找到了纠正此错误的一种方法，我可以在拖动时销毁同位素，然后在拖动完成后重新初始化同位素，或者释放该项目，但这似乎效率低下。