jquery - ajax后的幻灯片功能

Question

我的主页有以下滑块

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();
            }
        }); 
    });

功能滑块在第一次访问时工作正常，但是在我返回滑块页面（index.php）时加载ajax后它不起作用所以我记得解决问题的功能，但滑块不能顺利工作它的滑动图像非常ajax调用后快速。

Answer 1

两个 setInterval 可能同时运行。你应该把函数放在想要在 $(document).ready 里面运行