0

我正在使用WOW.js为一些div容器设置动画，并希望避免使用这些data-*属性。

示例 HTML

 <div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">Content</div>

示例 JS

var wow = new WOW({
    boxClass:     'wow',      
    animateClass: 'animated', 
    offset:       0,          
    mobile:       true,       
    live:         true        
});

wow.init();

是否可以通过类或 JS控制数据属性的 持续时间、延迟、偏移和迭代，例如在 init() 上？

我的解决方法是搜索类，class="wowDelay-5s"并为其元素添加一个属性 as data-wow-delay="5s"，但我更喜欢正确的方法，如果有的话。

提前致谢！

4

1 回答 1

0

有 2 种不同的方法可以使用 jquery 获取数据属性。

首先，你寻找 attr

var firstWay = $('.wow.slideInLeft').attr('data-wow-duration');

第二个是使用jquery的数据函数

var secondWay = $('.wow.slideInLeft').data('wow-duration');

用初始化函数设置属性也很简单

$('.wow.slideInLeft').attr('data-wow-duration') = '2s';

和

$('.wow.slideInLeft').data('wow-duration', '2s');

我希望这可以帮助你

于 2017-06-06T06:34:46.837 回答