BXslider并在onAfterSlide回调上调用活动LI

时间:2011-11-22 23:46:06

标签: jquery slider bxslider

处理由bxslider.js构建的滑块

我需要一个回调函数,将LI设置为在幻灯片上处于活动状态,并从之前的LI中删除活动类。

我已经得到了一个非常粗略的示例,但缺乏JS知识来编写一个脚本来检测onAfterSlide活动幻灯片,告诉相应的LI处于活动状态,然后从任何先前的LI中删除任何活动状态。 onlcick回调工作正常,onAfterSlide需要一些爱。

一些有效的例子:http://diveidc.com/slider.php 在这里,我有非常粗略的尝试让下一个LI变得活跃但不能删除之前的LI活跃。基本上都是红色的,因为它们都分配了活动类,因为幻灯片通过它的循环我只需要将活动类分配给对应于当前幻灯片的LI。即:slide1 = li1有效,slide2 = li2有效等。

BXslider的来源http://bxslider.com/options

1 个答案:

答案 0 :(得分:0)

onAfterSlide: function(active) {
   $('someul li').each(function() {
      if($(this).index() == active)
         $(this).addClass('active');
   });
}

我没有对此进行测试,因此请自行承担风险:)