Jquery Cycle activeClass 仅在点击 nav 后才起作用

Question

更新 - 添加了 onAfter 函数

我遇到了一个奇怪的循环问题。

我遇到的问题是，“activeSlide”类不会附加到寻呼机按钮，直到您单击一个。单击分页器项目时它工作正常，但在页面加载时，当滑块开始滚动时，它会停留在第一个分页器项目上。

这是我的 jquery：

$(document).ready(function() {

$('.slideshow').cycle({
            fx: 'scrollHorz',
            timeout: 4000,
            pause: 1,
            pager: '#nav_slide',
            prev:   '#prev_btn', 
            next:   '#next_btn',

            after:   onAfter,

            pagerAnchorBuilder: paginate


        });

});


                        function paginate(idx, el)


  {
    return '<div class="slide' + idx + '"></div>';
}


                    function onAfter() { 

var hasClass = $(".slide3").hasClass("activeSlide");
var hasTheClass = $(".slide0").hasClass("activeSlide");

if(hasClass == true) {
    $("#nav_slide").animate({"left": "-=226px"}, "fast");
}else if(hasTheClass == true) {
    $("#nav_slide").animate({"left": "0px"}, "fast");
}

}

有什么想法吗？我已经被难住有一段时间了！

提前致谢。

Answer 1

问题陈述中的一些澄清会有所帮助

1) 您是否遇到“导航按钮”或“寻呼按钮”的问题？
2）什么是“activeClass”。您的意思是附加到 pager(1,2,3..) 元素的“activeSlide”吗？
3) 请粘贴 HTML 和CSS ，如果这些相关的话。

PS：由于分页器元素是幻灯片的链接，我建议使用 而不是

标签。

function paginate(idx, el) {
                return '<a href="#">'+ (idx + 1) +'</a>';
            }