javascript - 加载 Jquery 幻灯片时获取属性

标签 javascript jquery html tags bxslider

我有这个 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/

相关文章:

javascript - 如何在java中将NCPDP标准格式消息转换为xml格式?

javascript - 只有一个跨度有效

javascript - 在 HTML5 Canvas Javascript 中隐藏鼠标光标

c# - WatiN doubleclick 在 IE9 中不起作用

php - 无法获取 Ajax 更新表单以使用反序列化

javascript - 将工厂/服务对象隔离到单个元素的指令

jQuery - 通过 $(this) 访问层次结构上五层的父 <li>

javascript - 是否可以更改默认溢出 :hidden border?

javascript - 如何使一个选择框的值驱动第二个选择框的选项

html - 增加屏幕宽度以显示响应式导航栏