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

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

Answer 1

两个setIntervals可能同时运行。你应该把函数放在想要在$（document）.ready

里面运行