零件（）函數不工作在一起

Question

我有一個簡單的功能，像這樣：

$('.lightbox_trigger').click(function() { 
    $('html,body').animate({ 
    scrollTop: ($(this).height() * 0.5) + $(this).offset().top - ($(window).height()/2)}, 500); 
    $('#lightbox').fadeIn("slow"); 
}); 

的想法是，當你點擊lightbox_trigger類滾動該圖像的中間頁面（第1部分），你淡入燈箱（第2部分）。

除了我似乎得到部分1和此函數的2之間一個非常奇怪的衝突。如果我刪除$('#lightbox').fadeIn("slow");一切都按預期工作。但是，一旦我添加了它，它就只能在第一次運行 - 即燈箱淡入的時間。一旦燈箱可見，滾動動畫不再適用於單擊。

任何想法??謝謝！

Answer 1

我是個白癡。燈箱本身覆蓋了lightbox_trigger圖像，顯然阻止了點擊功能的發生。

因此，無論我可以將＃pointer-events: none;類添加到#lightbox的CSS（http://css-tricks.com/almanac/properties/p/pointer-events/），或者我可以更改#lightbox div以覆蓋觸發器（即更改z-index，寬度等）。