基本的jQuery Slider将活动类添加到滑块li

时间:2013-11-19 10:58:01

标签: jquery

我正在尝试一个名为Basic jQuery Slider的插件 - 如果我可以在显示的幻灯片上显示活动类,我正在努力解决这个问题。然而它似乎并没有起作用,即使从事物看起来showmarkers : true应该从我能看到的那样做。

HTML:

<div id="banner-fade">
    <ul class="bjqs">
        <li><!-- Any content you like --></li>
        <li><!-- Can go inside these slides--></li>
    </ul>
</div>

JS:

$('#banner-fade').bjqs({
     animtype : 'slide',
     animduration: 950,
     width : 1280,
     height : 483,
     showmarkers : true
});

编辑:

很抱歉,在写这个问题时,div id中的#是我的错误。它不在我的工作代码中。似乎标记是数字分页,所以我需要找出是否有可能在滑块li上获得当前正在查看而不是分页的活动类。

2 个答案:

答案 0 :(得分:0)

从div

中删除“#”
<div id="banner-fade">

答案 1 :(得分:0)

该插件支持该行为,但添加它相对简单。

Here is a modified version of the plugin

showmarkers设置为true时,它现在将active-marker类添加到当前标记以及 active类到当前标记{ {1}}。

代码已更改

将此添加到<li>l370-371

conf_slides()

将其添加到两个地方的if (settings.showmarkers) $slides.eq(state.currentslide - 1).addClass('active'); :( l645-646l679-680

go()