我有这个 HTML 代码:
<div class = "col-lg-6 col-xs-6 sectionPanel panel panel-default">
<div>
<h4 align="center">Information of </h4>
<hr/>
</div>
<br/>
<div id="addressesGroupCtrl1" class="center">
<ul class="bxslider" id="bxId"></ul>
</div>
</div>
当我创建 bxslider 时,每张幻灯片都会在其“li”标记中创建一个标题。我希望每次更改幻灯片时都能获取此标题并将其写入 h4 标记(我已经知道如何执行最后一件事)。
这样,bxslide的标题就会是动态的,因为每张幻灯片都有自己的标题。
当每个数据都已附加在其标签下时,这就是我创建 bxslider 的方式:
$('#bxId').bxSlider({
adaptiveHeight: true,
mode: 'fade'
});
如果您能帮助我,我将不胜感激。谢谢。
迈克。
最佳答案
这应该通过使用 onSlideAfter
函数来实现。
$('#bxId').bxSlider({
adaptiveHeight: true,
mode: 'fade',
onSlideAfter: function($slideElement, oldIndex, newIndex){
$('h4').html($slideElement[0].innerText);
}
});
关于javascript - 加载 Jquery 幻灯片时获取属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47015244/