0

オプションの div を使用して最初のスライダーを作成し、 example と呼ばれるコンテンツを含めました。特定のスライドが表示された後.descriptionにこれをアニメーション化する方法を探しています。div私はそのようなことを試しました

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

しかし、それは私にはうまくいきません。誰かがそれを達成するための正しい方向性を教えてくれますか?

4

4 に答える 4

0

jQuery.animateにはコールバックがあり、それを使用できます。

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

幸運を

于 2013-11-14T13:38:08.417 に答える
0

私は最終的にそれをやった 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
于 2013-11-15T13:27:09.880 に答える
0

ready 関数の右中括弧がありません:

$(document).ready(function(){ 
    if($("#test").hasClass('flex-active-slide')){
        $(".description").fadeIn(2000);
    }
}; // this
于 2013-11-14T13:39:13.713 に答える