jquery-ui sortierbarer Platzhalter falsche Position

Question

Ich muss Bootstrap-Blöcke sortieren, und ich habe einige Probleme mit Platzhalter.

$('.buildBlockContainer').sortable({ 
    handle: '.sortableHandler', 
    connectWith: '.buildBlockContainer', 
    cancel: '', 
    placeholder: 'buildBlockPlaceholder', 
    start: function(e, ui) { 
    ui.placeholder.height(ui.item.height()); 
    ui.placeholder.width(ui.item.width()); 
    } 
}); 

Voll Beispiel hier: https://jsfiddle.net/ShinShil/74grstLs/

Answer 1

Zum einen Platzhalter müssen die gleichen Schwimmer haben, Position und Darstellungsarten als Einzelteil.

Secondary die Breite der Bootstrap-cols haben Polsterungen und sie nicht in der Breite, sondern in offset: ui.placeholder.width(ui.item[0].offsetWidth)

komplettes Beispiel https://jsfiddle.net/ShinShil/0d22bo83/5/