2015-08-14 2 views
2

Try, как я мог, я не могу понять, почему этот код ...Jquery Затухание обратных стрельб слишком быстро

function doVideoBanners() { 

    // Set which banner we are fading out 
    if ($('#youTubeBanner').length) { 
     $theBannerToFade = $('#youTubeBanner'); 
    } else { 
     $theBannerToFade = $('#revSliderBanner'); 
    } 

    $('#find-h-banner-play').on('click', function() { 

     // If code entry page, we don't need to scroll 
     if (!$(this).hasClass('entry')) window.scrollTo(0, 0); 

     $theBannerToFade.fadeOut('slow', function() { 

      //////// Responsive YouTube iframe //////// 
      var URL = 'xxxx'; 
      var videoIframe = '<iframe style="visibility:hidden;" onload="this.style.visibility=\'visible\'"; width="1100" height="524" class="youTube" src="http://www.youtube.com/embed/' + URL + '?rel=0;autoplay=1" frameborder="0" allowfullscreen allowtransparency></iframe>'; 

      // Because of elements jumping around, we need to set everything before we show the iframe 
      $('.videoWrapper').html(videoIframe); 

      // In the CSS videoWrapper is temporarily set to 524px 
      $('.videoWrapper') 
       .css('height', '0') 
       .css('paddingBottom', '45.365%'); 

      $('.videoWrapper').removeClass('hidden'); 

     }); 

     // We don't want to restart the video should the user click it again 
     $(this).off(); 
     $(this).css('cursor', 'default'); 

    }); 
} 

... не выцветает элемент ТОГДА огня обратного вызова. Я пробовал .promise() и .done(). Любые идеи, «экспертные»?

+0

Попробуйте использовать более длинное числовое время для отладки. – Carlos487

+0

Это происходит только при вызове прокрутки ... –

+0

Вызывается ли '.finish' или' .stop' в элементе где-то еще? – Stryner

ответ

-1

Вы пытались установить .delay() над функцией?

+0

Не помогает. Я вижу, что задержка происходит, тогда исчезновение просто происходит очень быстро. –

Смежные вопросы