0

私のホームページには次のスライダーがあります

function slider() {
    $('.slideshow li:gt(0)').hide();
    setInterval(function(){
        $('.slideshow li:first-child').fadeOut(2000).next('li').fadeIn(2000).end().appendTo('.slideshow');
        }, 4000);

}

ナビゲーション バーは、ajax ロード メソッドを介してページをロードします。

$("#menu li").click(function(e) {
    e.preventDefault();
    var url = $("a", this).attr("href");
    $(".info_box").slideUp("slow", function(){
        $(".info_box").load(url, function(){
            $(".info_box").slideDown("slow");
            if(url == "index.php") {
              slider();
            }
        }); 
    });

関数スライダーは最初の訪問では正常に動作しますが、ajax の読み込み後、スライダー ページ (index.php) に戻ったときに機能しないため、問題を解決した関数を思い出しますが、スライダーはスライド イメージが非常にスムーズに動作しません。 ajax 呼び出し後は高速です。

4

1 に答える 1

0

2 つの setIntervals が同時に実行されている可能性があります。$(document).ready 内で実行したい場合は、関数を配置する必要があります

于 2012-09-07T19:28:56.273 に答える