gridster 드래그 앤

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> 

나는 gridster를 얻기 위해 노력하고 어려운 시간을 보내고 있어요 크롬에서 작업 (http://gridster.net) 플러그인의 드래그 앤 드롭 기능 (버전 50.0.2661.94) . 그래도 IE11에서는 제대로 작동합니다. 또한, 나는

.gridster ul { height: auto !important; } 

드래그 앤 드롭 작업을 추가하면되지만 형식은 .gridster이 UL로 다음 남았습니다됩니다에는 높이가 없습니다. 이 문제를 해결하기위한 도움을 주시면 대단히 감사하겠습니다! 미리 감사드립니다!

Answer 1

좋아, 나는 .gridster에 놓인 Z- 인덱스가 문제라는 것을 알아 냈다. 나는 멀리했다 :

.gridster { z-index: -100; } 

그리고 gridster 내용 위에 내 끈적 메뉴를 계속 내 #topNav 요소에 긍정적 인 Z- 인덱스를 추가했다.