jquery - 使用wow.js onclick对特定段落进行动画处理

滚动时，我使用wow.js为页面上的不同元素设置动画。
现在，我想仅在单击按钮（在jQuery中）时才在特定段落上升高动画。

<p id="reasons" class="wow fadeInUp" data-wow-delay="0.2s">x y z</p>

我不想再次使用动画来初始化页面（请参见下文），而仅对此具体段落设置动画（使用id = "reasons"）。

new WOW().init();

我怎样才能做到这一点？

最佳答案

HTML：

<button type="button" class="btn btn-default" id="mybutton">button</button>

<p id="reasons" data-wow-delay="0.2s">x y z</p>

jQuery的：

$("#mybutton").click(function(){
    $("#reasons").addClass("wow fadeInUp animated");
    $("#reasons").attr("style","visibility: visible; animation-name: fadeInUp;");
});

在引导程序选项卡上也可以。 :-)