当单独元素的不透明度为 1 时，使用 jQuery 触发 div 的可见性

Question

我有一个幻灯片，它可以对图像的不透明度进行动画处理，然后将其向上移动一个 z-index。这使得幻灯片的混合循环很好。

但是，我希望页面上的其他内容仅在其中一张幻灯片可见时出现。是否可以跟踪其中一张幻灯片的可见性或 z-index 以便在不透明度为 1 或 z-index 为 8 时触发另一个 div 显示（或动画显示） ?

我在想这样的事情：

$(function(){
    var firstslide = $('.first_slide').css("opacity");
    if (firstslide == 1){
    $('#showme').show();
    }
    else (){
    $('#showme').hide();
});

但这不会跟踪幻灯片或其事件（当它的不透明度设置为 1 时）。

我如何跟踪那张幻灯片以知道它的不透明度何时为 1 并让它触发我对另一个元素的显示/隐藏？

Answer 1

最简单的方法是在幻灯片函数中添加回调来触发你的函数。 否则你只能在你的函数上设置 setInterval() 来定期检查它，因为没有元素属性更改这样的事件。