空引导列上的Jquery可排序问题 [英] Jquery sortable issue on empty bootstrap column

问题描述

我在一些列中有一堆引导板。现在我正在尝试使用jquery排序来安排这个面板，但我不能让它正常工作。



见jsfiddle：编辑小提琴 - JSFiddle



我的问题：如果我拖动左侧的面板，请将其放入一切都很好。但之后我希望能够将面板从右侧拖回到左侧的空列，但即使是占位符也不会向左侧移动。



我设置了

I've got a punch of bootstrap panels inside of some columns. Now I'm trying to arrange this panels using jquery sortable but I can not bring it to work correctly.

see the jsfiddle: Edit fiddle - JSFiddle

My issue: If I drag a panel in the left hand an drop it to the right everything works great. But after that I want to be able to drag a panel from the right side back to the empty column on the left side but even the placeholder won't go to the left side.

I've set the

padding-top: 10px

实际将它们留在空白区域的列的属性。



我的javascript看起来像这样：

property of the columns to actually leave them in the empty space.

My javascript looks like this:

$("#container-wrapper").sortable({
  connectWith: ".connectedSort",
  items: "div.panel",
  tolerance: 'pointer',
  revert: true,
  placeholder: 'placeholder',
  forceHelperSize: true,
  zIndex: 9999
}).disableSelection();

推荐答案

（ ＃container-wrapper）。sortable（{
connectWith： 。 connectedSort，
项目： div.panel，
容差：' 指针'，
revert： true ，
占位符：' 占位符'，
forceHelperSize ： true ，
zIndex： 9999
}）。disableSelection（）;

("#container-wrapper").sortable({ connectWith: ".connectedSort", items: "div.panel", tolerance: 'pointer', revert: true, placeholder: 'placeholder', forceHelperSize: true, zIndex: 9999 }).disableSelection();

这篇关于空引导列上的Jquery可排序问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！