1

我用 jQuery 创建了一个轮播滑块。但我在每张幻灯片后更新描述时遇到问题。滑块的构建如下：

<div id="sliderwrapper">
   <div id="slider_controlpanel">
      <a href="" class="slider_left" data-name="slider_button"></a>
      <a href="" class="slider_right" data-name="slider_button"></a>
      <div id="slider_description"></div>
   </div>  
    <ul>
        <li data-number="1" data-description="blabla">IMG</li>
        <li data-number="2" data-description="obladioblada">IMG</li>
    </ul>
</div>

我在 jQuery 中所做的是：

$('#sliderwrapper ul li:visible').each(function() {
    var currentDesc = $('#slider_description').text();
    var newDesc = $(this).attr('data-description');
    $('#slider_description').removeData(currentDesc);
    $('#slider_description').text(newDesc);
});

但不知何故，它不会更新，而是停留在第一个。从我收集到的信息来看，每个函数都作为一个循环工作，并且对于每个可见的幻灯片，它都应该运行。还是我完全错了，这不应该起作用？

如果您需要有关如何构建轮播的信息，请发表评论！

4

1 回答 1

1

嗯......我得到你想要做的只是显示当前显示的data-description属性中的数据li。我已经修改并评论了您的fiddle中的更改。

于 2013-03-06T14:29:54.623 回答