與助手克隆

Question

z-index的問題，這是我的代碼（請參閱​​）：

$('.first').draggable({ 
    cancel: null, 
    helper: 'clone' 
}); 

$('.second').droppable({ 
    over: function(event, ui) { 
     $(this).css('z-index', 1); 
     ui.helper.css('z-index', 0); 
    } 
}); 

我想有輔助克隆去可放開元素下，當它被拖到它。我究竟做錯了什麼？

Answer 1

當你拖動.first元素，生成的拖動元素定位在.second元素之後絕對和增加。絕對定位的元素獲得更高的優先級。要解決此問題，請使用ui.helper.css('z-index', "-1");而不是ui.helper.css('z-index', 0);。