jquery - jquery在第二个div可见后显示div

Question

我用可选的 div 制作了我的第一个滑块，其中包含名为 example 的内容，我正在搜索在显示某些幻灯片后.description如何为它设置动画。div我试过类似的东西

$(document).ready(function(){ 
    if($("#test").hasClass('flex-active-slide')){
        $(".description").fadeIn(2000);
    };

但这对我不起作用，谁能告诉我实现这一目标的正确方向？

Answer 1

jQuery.animate有一个回调，你可以使用它：

$(".slide1").animate({opacity:'show'},1000,function(){
   $(".description").fadeIn(2000);
});

祝你好运

Answer 2

您缺少 ready 函数的右括号：

$(document).ready(function(){ 
    if($("#test").hasClass('flex-active-slide')){
        $(".description").fadeIn(2000);
    }
}; // this

Answer 3

我现在为此构建了一个小 jsFiddle :-)

你可以像这样使用 setInterval：

window.setInterval(function() {
  // your code here
}, 800) // checks all 800ms

看到这个小提琴

Answer 4

我终于做到了 xD 我不知道它是否正确，但它可以按我的意愿工作；）如果有人知道如何使它更容易（因为现在它设置在计时器上，而不是附在幻灯片上）请告诉我；）

$(function () {
 var $anchors = $('.description');
 (function _loop(idx) {
$anchors.removeClass('highlight').eq(idx).addClass('highlight');
setTimeout(function () {
  _loop((idx + 1) % $anchors.length);
}, 7000);
$('.description').fadeIn(2000);
}(0));
});

window.setInterval(function() {

if($('#test2.highlight')){

     $('.description').removeAttr('style');
      $('.description').fadeIn(2000);
    }    
}, 7000); // checks all 800ms