jquery显示第二个div后可见的div

我用可选的div创建了第一个滑块，其中包含名为.description的内容，并且我正在搜索如何在显示某个幻灯片后为此动画div。我试过类似的东西jquery显示第二个div后可见的div

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

但它不适合我，任何人都可以告诉我正确的方向来实现这一目标吗？

来源

2013-11-14 Mateusz Winnicki

这是如何触发？正如我看到的，如果只会触发一次，这是文档准备就绪。你有没有试图将它绑定到你的滑块的点击处理程序？ – sHentschel

但我不希望这个滑块可点击，我的意思是有分页，但它会作为幻灯片的工作。是的，我的问题是我不知道如何正确触发它;） –

我想触发它当李类更改为“活动幻灯片”，但idk如何;） –

jQuery的.animate有所回调，您可以使用它：

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

好运

来源

2013-11-14 13:38:08

你能否向我解释一点更多？我的意思是说，这些点是我所在的位置div id或我的元素的类别，对不对？和我在那里写的“在这里放置你的代码”的代码应该有一些像''if（$（“＃test”）。hasClass（'flex-active-slide'））{'“ –

我已经添加了我的答案，这很简单，所以你只是为了显示幻灯片，如果你确定显示幻灯片，你可以淡入描述 –

感谢分享;） –

你缺少的准备功能的右大括号：

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

来源

2013-11-14 13:39:13 argo49

嘿谢谢，但我错过了它，而复制这里;）仍然没有任何反应，试图$（“。description”）。hide（）;也没有任何反应 –

为了使'fadeIn'方法起作用，在调用fadeIn方法之前，对象的'display'属性需要设置为'display：none'。在您的CSS或在一些较早的jQuery代码尝试将.description div的显示CSS属性设置为无，并让我知道如果这有效。 – argo49

不，它也不工作。悬停它适用于我即使没有显示：没有在网站的另一个元素。嗯也许如果我给你的网站我的工作，它会更容易找到？ –

我现在建小jsFiddle为此:-)

你可以使用setInterval像这样：

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

See this fiddle

来源

2013-11-14 14:29:20 sHentschel

我已经更新了小提琴，以便更好地了解 – sHentschel

我可以看到，但是这个小提琴不工作，我猜是因为这个黄色的东西“你好，我在这里”没有显示给我;）另一方面，这就像是在一定时间后显示sstuff ？ –

我希望你已经点击了Click me按钮:-)，因为这增加了我的例子flex-active-slide类到标题。 setInterval每X毫秒开始给定的函数。 – sHentschel

我终于做到吧XD我不知道，如果它的正确与否，但它的作品，因为我希望;）如果有人知道如何使它更容易（becouse现在它集定时器，不附上幻灯片）请让我知道;）

$(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

来源

2013-11-15 13:27:09

jquery显示第二个div后可见的div

回答

相关问题