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

时间:2016-08-07 10:12:43

标签: javascript jquery css jquery-ui

我需要对bootstrap块进行排序,我在占位符方面遇到了一些问题。

$('.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/

1 个答案:

答案 0 :(得分:0)

首先,占位符必须与项目具有相同的浮动,位置和显示样式。

辅助引导列的宽度有填充,它们的宽度不是,但在offsetWidth中:ui.placeholder.width(ui.item[0].offsetWidth)

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

相关问题