Jquery .css（'opacity'，'0'）不起作用

Question

好的，所以我一直在嘗試一些東西，但不能使它工作。

基本上我有一堆<li>有一個隱藏的<div class="overlay">它會出現，如果<li>被點擊。沒有問題顯示它，但不知何故，我有麻煩，使其消失。

的jsfiddle - http://jsfiddle.net/NP5YA/

任何人都可以幫助嗎？

謝謝！

Answer 1

您需要防止事件佈雷了DOM樹，以便使用event.stopPropagation()：

$('.close').click(function(e) { 
    e.stopPropagation(); 
    $(this).parent().css('opacity','0'); 
    $(this).parent().css('z-index','-999'); 
}); 

Updated Fiddle

Answer 2

你仍然在你的李點擊並運行你的函數兩次。 所以基本上它消失並重新出現。當這種情況發生時我會使用它。

$('#selection li').click(function() { 
    if($(this).hasClass('clicked')) { 
    $(this).removeClass('clicked'); 
    return; 
    } 
    $(this).addClass('clicked'); 
    $(this).find('.overlay').css('opacity','1'); 
    $(this).find('.overlay').css('z-index','9999'); 
}); 

$('.close').click(function() { 
    $(this).parent().css('opacity','0'); 
    $(this).parent().css('z-index','-999'); 
});