jQuery Slider描述每个函数

时间:2013-03-06 13:48:25

标签: jquery each carousel

我用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);
});

但不知怎的,它不会更新,而是保留在第一个。从我收集的内容来看,每个函数都是一个循环,每个可见的幻灯片都应该运行。或者我完全错了,这不应该有用吗?

如果您需要有关如何构建旋转木马的信息,请发表评论!

1 个答案:

答案 0 :(得分:1)

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