当位于bootstrap选项卡内时，变形不会设置位置

我正在使用变形来拖动&删除选项，其中一个容器隐藏在bootstrap选项卡中。变形在这里初始化，但在第一次拖动项目之前不会设置项目的位置。

---

jsst修复这个bug: https://jsfiddle.net/owm6wo0r/

---

正如你在JSFiddle中看到的，当你点击"Tab 2"时，所有的项目都是一个接一个的。当你试图拖动它们时，它们会设置位置。

这是插件的文档:https://github.com/McPants/jquery.shapeshift/wiki/2.0-api-documentation

我尝试了事件"ss-rearrange"点击选项卡，但它没有工作…知道怎么修吗?

---

HTML:

<div class="dragdrop">
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>
<ul class="nav-tabs nav" role="tablist">
  <li class="active">
    <a href="#tab1" data-toggle="tab" aria-controls="tab1" role="tab">Tab 1</a>
  </li>
  <li>
    <a href="#tab2" data-toggle="tab" role="tab" aria-controls="tab2">Tab 2</a>
  </li>
 </ul>
<div class="tab-content">
  <div id="tab1" role="tabpanel" class="tab-pane active">
    <p> Nothing there </p>
  </div>
<div id="tab2" role="tabpanel" class="tab-pane">
    <div class="dragshared">
        <div>Item</div>
        <div>Item</div>
        <div>Item</div>
        <div>Item</div>
    </div>
  </div>
 </div>

JS:

$('.nav-tabs a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
});
$('.dragdrop').shapeshift({
selector: "div",
enableResize: false,
align: "left",
paddingX: 0,
paddingY: 0,
gutterX: 35,
gutterY: 70,
colWidth: 190,
animated: false,
minColums: 4,
dragClone: false,
enableDrag: true,
enableCrossDrop: true
});
$('.dragshared').shapeshift({
selector: "div",
enableResize: false,
align: "left",
paddingX: 0,
paddingY: 0,
gutterX: 35,
gutterY: 70,
colWidth: 190,
animated: false,
minColums: 4,
deleteClone: true,
dragClone: true,
enableCrossDrop: false
});

    .tab-content>.tab-pane {
      display: block;
      visibility: hidden;
      height: 0;
      width: 100%;
      .dragshared {
        height: 0!important;
      }
    }
    .tab-content>.active {
      height: auto;
      visibility: visible;
      .dragshared {
        height: auto;
      }
    }
    .tab-content.initialized>.tab-pane {
      display: none;
      visibility: visible;
    }
    .tab-content.initialized>.tab-pane.active {
      display: block;
    }

(shapeshift initialization)
$('.tab-content').addClass('initialized');