2013-03-06 51 views
1

我已经用jQuery创建了一个传送带滑块。但是我在每次幻灯片后都会遇到问题,无法获取描述。滑块建成这样的:jQuery Slider描述每个功能

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

但不知何故,它不更新,而是停留在第一个。从我所收集的内容来看,每个函数都可以作为一个循环来使用,并且每个可见的幻灯片都应该运行。或者我完全错了,这不应该工作?

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

+0

你可以发布一个JSFiddle来演示这个问题吗?代码看起来没问题。 – mattytommo 2013-03-06 13:51:18

+0

@mattytommo当然,给我一分钟! – 2013-03-06 13:52:32

+0

在这里你去(无法编辑评论):http://jsfiddle.net/2S3Gz/ – 2013-03-06 13:59:07

回答

1

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

+0

谢谢!它像一个魅力! – 2013-03-06 14:34:58

+0

很高兴我能帮到你。 :) – 2013-03-06 14:38:13