1

我正在使用jCarouselLite在 3 个元素之间循环。我已经设置了插件来做到这一点，包括滑动到每个元素的 3x .bulletX，即项目符号 1 滑动到元素 1，等等。

但是我想要的是循环类.active以.bulletX指定正在显示的元素，类似于 nivoslider。

<div class="bullet1">If this is clicked, is leads to element1</div>
<div class="bullet2">If this is clicked, is leads to element2</div>
<div class="bullet3">If this is clicked, is leads to element3</div>

我觉得我可以用.addClassand做一些事情.removeClass，但我无法完全理解循环的语义。

.active.bullet2手动应用

在此处输入图像描述

编辑完整的 HTML

<div class="twwetHolder">
    <div class="tweet">
     <ul>
        <li>
            <div>element 1</div>
        </li>
        <li>
            <div>element 2</div>
        </li>
        <li>
            <div>element 3</div>
        </li>
     </ul>

    </div>  
<div class="bullet1"></div>
<div class="bullet2"></div>
<div class="bullet3"></div>
</div>
4

2 回答 2

2

更新：

我建议您为每个项目符号（另一个）添加一个类，然后使用 btnGo 事件和单击事件来添加该类。

http://jsfiddle.net/lucuma/fg6d4/1/

<div class="bullet1 btngo">a</div>
<div class="bullet2 btngo">b</div>
<div class="bullet3 btngo">c</div>

$('.tweet').jCarouselLite({btnGo:$('.btngo')});

    $('.btngo').click(function() {
       $('.btngo').removeClass('active'); 
       $(this).addClass('active');

    });
​

原来的：

您可以尝试以下选项：

 beforeStart: function(a) {
      $(a).removeClass('active');
    },
   afterEnd: function(a) {
        $(a).addClass('active');
    }
于 2012-05-29T14:23:05.310 回答
0

.toggleClass()可能会帮助你 - http://api.jquery.com/toggleClass/

于 2012-05-29T14:53:09.040 回答