Jquery UI當用內聯寬度百分比拖動元素時，可排序的寬度不正確

Question

我正在使用Jquery UI排序來對運行時間前未知百分比寬度的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

當你調用排序（）

我改變了小提琴的JavaScript代碼來此，讓你可以設置排序對象真正的forceHelperSize屬性它的工作

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