jQuery droppable忽略z-index？

Question

我的问题是，当我对列表排序时，放置函数开始。

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提前。 彼得

Answer 1

首先，你的问题的标题有误导之嫌 - z-index是决定该元素将显示在彼此的顶部，当两个或更多的人占据相同的空间CSS属性，并没有任何的问题你在这里。

解决您的问题相当简单：使div包含可放置列表，然后使用贪婪选项来防止drop事件冒泡。

看看这里：http://www.jsfiddle.net/DKZRp/1/