Question

我正在使用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"之类的类，并将其属性添加到data-wow-delay="5s"，但我更喜欢正确的方法，如果有的话。

提前致谢！

Answer 1

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

fisrt，你找的是attr

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

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

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

使用init函数设置属性也很简单

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

和

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

我希望这可以帮助你

WOW.js - 如何避免data- *属性？

1 个答案: