Question

JSFiddle示例：https://jsfiddle.net/27t0jymr/

<section id="mainContainer">
  <!-- Dashboard Section -->
  <div class="dashboard">
    <div class="gridster">
      <ul>
        <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
          <h1>PROJECT LOAD PER PERSON</h1>
        </li>
        <li data-row="1" data-col="2" data-sizex="2" data-sizey="2">
          <h1>RTN LOAD PER PERSON</h1>
        </li>
        <li data-row="1" data-col="3" data-sizex="2" data-sizey="2">
          <h1>TICKET LOAD PER PERSON</h1>
        </li>

        <li data-row="2" data-col="1" data-sizex="2" data-sizey="2">
          <h1>RTN LIFESPAN PER PERSON</h1>
        </li>
        <li data-row="2" data-col="2" data-sizex="2" data-sizey="2">
          <h1>TICKET LIFESPAN PER PERSON</h1>
        </li>
        <li data-row="2" data-col="3" data-sizex="2" data-sizey="2">
          <h1>UNTOUCHED FOR 7 DAYS</h1>
        </li>
      </ul>
    </div>
  </div>
  <!-- Projects Section -->
  <div class="projects">
    <span>PROJECT STUFF</span>
  </div>
  <!-- RTNs Section -->
  <div class="rtns">
    <span>RTN STUFF</span>
  </div>
  <!-- Tickets Section -->
  <div class="tickets">
    <span>TICKET STUFF</span>
  </div>
</section>

我很难在Chrome（Ver 50.0.2661.94）中使用gridster（http://gridster.net）插件的拖放功能。但它在IE11中运行良好。另外，如果我添加

.gridster ul { height: auto !important; }

拖放工作但格式变得很糟糕，因为.gridster ul没有高度。任何有关此决议的帮助将不胜感激！提前谢谢！

Answer 1

好的，我发现我放在.gridster上的z-index是问题所在。我带走了：

.gridster { z-index: -100; }

在我的#topNav元素中添加了一个正面的z-index，使我的粘性菜单保持在gridster内容之上。

gridster拖放不工作

1 个答案: