gridster拖放不工作

的jsfiddle例子：https://jsfiddle.net/27t0jymr/gridster拖放不工作

<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>

我有困难的时候试图让gridster（http://gridster.net）插件的拖放和拖放功能使用Chrome（版本50.0.2661.94）。不过，它在IE11中工作正常。此外，如果我添加

.gridster ul { height: auto !important; }

拖放工作，但格式变得不可靠，因为.gridster ul然后没有高度。任何对此解决方案的帮助将不胜感激！提前致谢！

来源

2016-06-09 sivs

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

.gridster { z-index: -100; }

并且为我的#topNav元素添加了一个正z-索引，以使我的粘性菜单保持在gridster内容之上。

来源

2016-06-09 19:07:16 sivs

gridster拖放不工作

回答

相关问题