Javascript jQuery UI使用float:left与display:inline块拖放排序比较

我这里有两个例子， 这两个例子之间的唯一区别是 一个使用display:inline块，另一个使用float:left

li.doc_项{显示：内联块；} vs li.doc_项{float:left；}

我的问题是显示：内联块排序不如float:left快速或响应性好。 我想使用display:inline块，因为我正在重新订购缩略图 有时大小和浮动会有所不同：当缩略图具有不同的高度和宽度时，左侧的效果不好

任何问题都是如何使block:inline块与float:left一样快

您可以在此处找到比较示例：

---

我会使用一个固定大小的容器，带有

float:left和
文本对齐：居中用于垂直对齐的图像：中间；最大高度：100%；最大宽度：100%
您的图像将显示为马赛克，无论其尺寸如何

我不知道这在你的情况下是否可能？
我遇到了同样的问题，我想我应该找出原因

这是因为它们对浮动元素的处理方式不同，而且应该对内联块进行区分

请尝试此修补程序：

jQuery.ui.sortable.prototype._create = function() {
    var o = this.options;
    this.containerCache = {};
    this.element.addClass("ui-sortable");

    //Get the items
    this.refresh();

    //Let's determine if the items are floating, treat inline-block as floating as well
    this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) || this.items[0].item.css('display') == 'inline-block' : false;

    //Let's determine the parent's offset
    this.offset = this.element.offset();

    //Initialize mouse events for interaction
    this._mouseInit();
};

尤其是这一排：

this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) || this.items[0].item.css('display') == 'inline-block' : false;

这改变了默认行为。这是一个迟来的答案，但我在网上找不到任何其他答案，所以我认为这会帮助很多人

我将尝试为jQuery提交修补程序请求，以解决此问题，但从1.8.9开始，这仍然是一个问题。
fixed size container hummm类似于此。li.doc_项{float:left；width:250px；height:250px；text align:center；vertical align:middle；border:1px solid 35; ffffffff；cursor:pointer；}li是imgs的容器，这可能对我有用。。。让我试试看，thanxWOW你是个天才，在使用了你的补丁显示后：内联块的拖放速度和float的一样快：左谢谢你发布它，非常感谢。干杯，伙计！很高兴我能帮忙。密切关注此票证：了解他们何时在源代码中修复它。发现类似问题。通过向.ui draggable dragging添加float解决了这个问题。他们声称在jQueryUI2.0中已经解决了这个问题。