我用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);
});
但不知怎的,它不会更新,而是保留在第一个。从我收集的内容来看,每个函数都是一个循环,每个可见的幻灯片都应该运行。或者我完全错了,这不应该有用吗?
如果您需要有关如何构建旋转木马的信息,请发表评论!