크롬 및 Firefox에서 setInterval 문제가 발생했습니다.

Question

현재 작업하고있는 사이트에 문제가 있습니다. 이 사이트뿐만 아니라 Jquery 슬라이더로 만든 사이트도 있습니다. 둘 다 서로 다른 플러그인을 가지고 있습니다. 문제는 탭을 변경할 때 특히 Chrome에서 슬라이더가 돌아올 때 미친듯한 느낌을 갖습니다. 사이트는 http://www.firedogpr.com/index.php입니다. 이 문제에 대해 읽었지만 JS 마법사가 아니므로 도움을 주시면 감사하겠습니다.

어떤 이유인지 그것은 현재 Windows에서 전혀 작동하지 않습니다. 나는 또한 그것에 대해 조사하고있다.

나는 기본적으로 http://www.snowdenindustries.com에서 코드를 가져 와서 적용했습니다. 여기가 jQuery를 사용하는이 배경에 현탁되는 API들 정확하게 때문에,

가

if ($("#mainSlide").length>0) { 
    $("#mainSlide div.slide").hide(); 
    $("#mainSlideNav li a:first").addClass("cur"); 
    $("#mainSlide div.slide:first").show(); 


    $("#mainSlideNav li a").click(function() { 
     $("#mainSlideNav li a").removeClass("cur"); 
     $(this).addClass("cur"); 
     $("#mainSlide div.slide").removeClass("cur").fadeOut(1200); 
     var activeTab = $(this).attr("href"); 
     $(activeTab).fadeIn(1200).addClass("cur"); 
     return false; 
    }); 

    function slideTimer() { 
     if (!($('#mainSlideNav li a.cur').parent().next().children("a").length>0)) { 
      $("#mainSlideNav li a").removeClass("cur"); 
      $("#mainSlide div.slide").removeClass("cur").fadeOut(1200); 
      $("#mainSlideNav li a:first").addClass("cur"); 
      $("#mainSlide div.slide:first").fadeIn("slow").addClass("cur"); 
     } else { 
      var nextTab = $('#mainSlideNav li a.cur').parent().next().children("a").attr('id'); 
      var nextDiv = $('#mainSlide div.slide:visible').next().attr('id'); 
      $("#mainSlide div.slide").removeClass("cur").fadeOut(1200); 
      $("#mainSlideNav li a").removeClass("cur"); 

      $("#"+nextTab).addClass("cur"); 
      $("#"+nextDiv).fadeIn("slow").addClass("cur"); 
     } 
    } 
    var miniCount = setInterval(slideTimer, 5000); 
    $("#mainSlideNav li a, #mainHeader").mouseenter(function(){ 
     clearInterval(miniCount);}); 
    $("#mainSlideNav, #mainHeader").mouseleave(function(){ 
     clearInterval(miniCount); 
     miniCount = setInterval(slideTimer, 5000);}); 
} 

Answer 1

JQuery와 문서는 명시 적으로 간격 타이머에서 (fadeIn 같은) jQuery를 애니메이션 API를 사용하지에라는 문제가 될 수 JS의 조각이다 탭을 사용하면 한 번에 여러 개의 페이드 인을 실행할 수 있습니다.

적어도 이전 jQuery에서 사용하고 있습니다. 나는 현재의 jQuery가 그 문제를 해결한다고 믿는다.