Jquery Cycle activeClass 仅在单击导航后才有效

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：由于 pager 元素是幻灯片的链接，我建议使用 而不是

标签。

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