2010-08-19 2 views
0

제 문제는 목록을 정렬 할 때 드롭 기능이 시작된다는 것입니다.jQuery droppable이 Z- 인덱스를 무시합니까?

JS

$(document).ready(function rt() 
{ 
    $("#div1").draggable(); 
    $("#k1").sortable({ revert: '100' }); 
    $('#droparea').droppable({ accept: 'li', drop: function() { alert('ssss'); } }); 
}); 

HTML

<div id="div1" style="z-index:5;"> 
    <ul id="k1" style="width:350px; height:200px; background-color:#ffffff; margin:20px; padding:10px; border:1px solid #000000; "> 
     <li>One</li> 
     <li>two</li> 
     <li>three</li> 
    </ul> 

</div> 

<div id="droparea" style="position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#cccccc; z-index:1;"></div> 

실시 예의 사전

http://www.jsfiddle.net/V9Euk/130/

Tabks. Peter

+0

무엇이 문제입니까? 나는 당신이 무엇을하려고하는지, 무엇이 실패하고 있는지 정확히 알지 못합니다. –

+0

안녕하세요, Hoerster, 내가 목록을 정렬하면 드롭 기능이 시작됩니다. 하지만 나는 뭔가를 떨어 뜨릴 때만 드롭을 시작하고 싶다. – Peter

답변

1

먼저 질문 제목이 오해의 소지가 있습니다 - z-index은 두 개 이상의 동일한 공간을 차지할 때 어떤 요소가 서로 위에 표시되는지 결정하는 CSS 속성으로 문제와 아무 관련이 없습니다 너는 여기에있다.

문제를 해결하는 것이 쉽습니다. 목록이 포함 된 div을 삭제 가능하게 한 다음 욕심 옵션을 사용하여 drop 이벤트가 버블 링되지 않도록하십시오.

여기 좀보십시오 : http://www.jsfiddle.net/DKZRp/1/

관련 문제