使用jQuery评估div上的数据 – 并将值传递给函数

我有多个带有预览图像的幻灯片块（对于jQuery Cycle，每个幻灯片实例都有不同的延迟，以毫秒为单位），如下所示：

我想使用jQuery将这些变化的延迟值（通过data-attribute设置）传递给将运行Cycle的所有出现的函数。

 $(document).ready(function() { $('.slideshow.preview').cycle({ fx: 'scrollHorz', random: 1, speed: 300, timeout: 6000, // here, for a single slideshow, delay is set like this "delay: -1234" }); }); 

如何评估div上的数据属性 – data-delay =“ – 2000” – 并将其传递给Cycle函数？

提前谢谢了！

Answer 1

jQuery有.data（）方法，它与html5数据属性一起使用。

 $(document).ready(function() { $('.slideshow.preview').cycle({ fx: 'scrollHorz', random: 1, speed: 300, timeout: 6000, delay: $(".slideshow.preview").data("delay") }); }); 

编辑

我错过了延迟键，但这很有效。 小提琴