jQuery Slider描述每个功能
问题描述:
我已经用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);
});
但不知何故,它不更新,而是停留在第一个。从我所收集的内容来看,每个函数都可以作为一个循环来使用,并且每个可见的幻灯片都应该运行。或者我完全错了,这不应该工作?
如果您需要旋转木马如何构建的信息,请评论!
答
嗯......我得到的是你想要做的只是显示当前显示的的data-description
属性的数据。我修改并评论了您的fiddle中的更改。
+0
谢谢!它像一个魅力! – 2013-03-06 14:34:58
+0
很高兴我能帮到你。 :) – 2013-03-06 14:38:13
你可以发布一个JSFiddle来演示这个问题吗?代码看起来没问题。 – mattytommo 2013-03-06 13:51:18
@mattytommo当然,给我一分钟! – 2013-03-06 13:52:32
在这里你去(无法编辑评论):http://jsfiddle.net/2S3Gz/ – 2013-03-06 13:59:07