0

我正在使用 Supersized jQuery 插件为我的背景设置动画，并且我使用他们的 API 在单击图像/链接时更改幻灯片（我使用过：

$('.navone').click(function(){
api.goTo(1);
});

现在我需要活动图像/链接在幻灯片处于活动状态时具有背景图像，到目前为止我有这个：

jQuery(function($){
if(vars.current_slide = 1){
$('.navone').toggleClass('active');
});
});

这似乎没有任何作用，我对 javascript 和 jQuery 还是很陌生，任何建议都会很棒。

编辑：

我放了

if (vars.current_slide == 1){
(‘#navone’).addClass(‘.active’);
} else {
(‘#navone’).removeClass(‘.active’);
}

在 supersized.shutter.js 的 afterAnimation : function(){ 部分中，但它似乎根本没有做任何事情。有什么建议吗？

4

2 回答 2

0 
$(document).ready(function(){ //waits until the document is ready
    $('.navone').click(function(){ //bind a function to the element with class navone
        $('.active').removeClass('active'); //remove all active class
        $(this).addClass('active'); //add class active to the navone link
        api.goTo(1); //make the supersized go to the the slide 1
    });
});

我不能 100% 确定这个 api 的 .goto 函数，但如果它在第一行工作，它现在就可以工作了。:)

supersized 似乎创建了一个自动导航，但您不必在函数中指定它，尝试使用它，并检查它是否有效，然后您可以重新设置 div 的样式：

<div id="controls-wrapper" class="load-item">
    <div id="controls">
        <ul id="slide-list"></ul>
    </div>
</div>
于 2012-07-31T22:08:57.837 回答
0

将该语句更改为“switch”语句，并将该类添加为最初在实际链接上启动。

afterAnimation : function(){
        $('#navone,#navtwo,#navthree,#navfour,#navfive,#navsix,#navseven').removeClass('active');
        switch(vars.current_slide) {
            case 0 : $('#navone').addClass('active'); break;
            case 1 : $('#navtwo').addClass('active'); break;
            case 2 : $('#navthree').addClass('active'); break;
            case 3 : $('#navfour').addClass('active'); break;
            case 4 : $('#navfive').addClass('active'); break;
            case 5 : $('#navsix').addClass('active'); break;
            case 6 : $('#navseven').addClass('active'); break;
        }
}
于 2012-08-08T20:17:25.303 回答