Jquery Sortable - ＆gt;第一项上的占位符宽度

Question

我正在一页工作，你必须能够拖动项目来对它们进行排序。一切正常，但占位符本身就有点儿麻烦。在第一个项目上它应该比它更宽，但在第三个，第四个等项目上它可以。

添加图片，以便了解我的意思。

此外，这是我正在使用的可排序代码的一部分：

$(".content-page").sortable({
    start: function(e,ui){
        ui.placeholder.height($(this).find(".sorted-icons").first().outerHeight(true));
        ui.placeholder.width($(this).find(".sorted-icons").first().outerWidth(true));
    },
    placeholder: 'placeholder',
    items: '.sorted-icons:not(.new_icon)',

CSS

.placeholder{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    border: 1px red solid;
}

如您所见，我采用第一张图像的尺寸并将占位符尺寸设置为该图像。它总是需要第一个。

有人知道问题在哪里吗？

图片：

//编辑：

我发现，当我使用时：

ui.placeholder.height(ui.item.height());
ui.placeholder.width(ui.item.width());

所有dem项目的宽度问题与第一项相同。因此，当它被拉动时，它看起来像是它的大小。

一些想法？