Question

我正在使用Jquery UI对一组div进行排序，这些div的百分比宽度在运行时之前是未知的。因此，我通过内联样式设置它们。

问题是当拖动可排序div时，它的宽度不会被计算并相应地设置，因此它会延伸到错误元素的百分比。

这是jquery UI中的错误还是我错过了什么？

这是一些简化的html

<div id="Container">

<div id="mainColumn">
    <div style="width:80%;" class="sortableItem">
        Item 1 needs 80% width
    </div>
     <div style="width:100%;" class="sortableItem">
        Item 2 needs 100% width
    </div>

     <div style="width:50%;" class="sortableItem">
        Item 3 needs 50% width
    </div>
</div>

这是一个显示问题https://jsfiddle.net/qkunja68/的小提琴拖动3个项目时，它们不会保持宽度。

Answer 1

当您调用sortable（）

时，可以将可排序对象的 forceHelperSize 属性设置为true

我将小提琴JavaScript代码改为此以使其正常工作

$('#mainColumn').sortable({
 items:'.sortableItem',
  forceHelperSize: true
 });

拖动具有内联宽度百分比的元素时，Jquery UI可排序宽度不正确

1 个答案: