javascript - jquery-ui 可排序占位符位置错误

Question

我需要对 Bootstrap block 进行排序，并且我在占位符方面遇到了一些问题。

$('.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());
  }
});

完整示例在这里:https://jsfiddle.net/ShinShil/74grstLs/

Answer 1

首先placeholder必须和item有相同的 float 、位置和显示样式。

次要引导列的宽度有填充，它们不是宽度，而是偏移宽度:ui.placeholder.width(ui.item[0].offsetWidth)

完整示例 https://jsfiddle.net/ShinShil/0d22bo83/5/