2012-02-14 13 views
-1

私が取り組んでいるサイトに問題があります。このサイトだけでなく、Jqueryスライダで作成した別のサイトです。彼らはどちらも異なるプラグインを持っています。問題は、タブを変更すると、特にChromeでスライダが戻ったときにスライダが狂ってしまうことです。サイトはhttp://www.firedogpr.com/index.phpです。私はこの問題について読んだことがありますが、私はJSウィザードではないので、どんな助けでも大歓迎です。ChromeとFirefoxでsetIntervalの問題が発生する

何らかの理由で、現在のところ、Windowsではまったく動作しません。私もそれを検討している。

私は基本的にhttp://www.snowdenindustries.comからコードを取得し、それを適用しました。ここでの問題

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);}); 
} 
+0

コードはどこにありますか? – ShankarSangoli

+0

ここでsetinterval()はどのような役割を果たしますか? – Devjosh

+0

投稿が更新されました。申し訳ありませんが、押された人はすぐに入力してください。 –

答えて

1

かもしれJSのスニペットがあるjQueryのドキュメントには、明示的に、彼らはjQueryの用途は、バックグラウンドで中断されていることのAPIからこそ、インターバルタイマから(フェードインのような)jQueryのアニメーションAPIを使用しないように言います複数のフェードインを同時に実行することになります。

少なくとも古いjQueryでは使用しています。私は現在のjQueryがその問題を解決すると信じています。

+0

ありがと...新しい新鮮なjQueryを試してみましょう。私はSnowdenの業界にはまったく起こらないので、混乱しています。私が必要とする非常に基本的な部分にそれを取り除くと、それをやり始めます。 –

+0

それは時代遅れのjqueryだった...最新のものを得ました、そして、すべては現在うまくいきます:)。背景画像を読み込まないChromeバグはまだありますが、それはChromiumの問題です。私はmain.jsファイルを最新の変更に上書きすることを忘れていたことも知りませんでした。Chromeはキャッシュを私のために保存しました。それをクリアしなかったので、私のために働いていたようですが、申し訳ありません。 –

関連する問題