jquery - 在自动滚动轮播上添加选择状态到分页

Question

我正在尝试在自动滚动时向分页添加选择状态

例子

jsFiddle

<h1>Swipe 2</h1>

<div id='mySwipe' style='max-width:500px;margin:0 auto' class='swipe'>
  <div class='swipe-wrap'>
    <div><b>0</b></div>
    <div><b>1</b></div>
    <div><b>2</b></div>
    <div><b>3</b></div>
    <div><b>4</b></div>
    <div><b>5</b></div>
  </div>
</div>

<nav>
    <ul id="nav">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    </ul>
</nav>

<div style='text-align:center;padding-top:20px;'>

  <button id ="mySwipePrev">prev</button> 
  <button id ="mySwipeNext">next</button>

</div>

Answer 1

使用回调函数设置正确选择的 li。

callback: function(index, element) {
   var $Elements = $("#nav li").removeClass("selected");
   $Elements.eq(index-1).addClass("selected");
   },

演示在这里