私が取り組んでいるサイトに問題があります。このサイトだけでなく、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);});
}
コードはどこにありますか? – ShankarSangoli
ここでsetinterval()はどのような役割を果たしますか? – Devjosh
投稿が更新されました。申し訳ありませんが、押された人はすぐに入力してください。 –