在动态元素上添加 class

Question

我使用倒计时 DIV，当它到达 00:00:00 时，它会向自身添加一个 class 'timeisover'，我只想添加一个 class他的 parent 当它发生时。

<div class="parent-countdown">
    <div class="countdown">
        <!-- countdown elements here -->
    </div>
</div>

我试过了，但没用。

$('.countdown').on('change', function() {
    if($(this).hasClass('timeisover') {
        $('.parent-countdown').addClass('disable-countdown');
    )
});

所以我想我需要一个“事件侦听器”，它可以实时工作并永久检查元素是否收到此 class？我通常将 .on 与 click 事件一起使用，但为此，我不确定如何进行：/所以任何帮助将不胜感激:)

Answer 1

HurryTimer documentation 说它有一个 "hurryt:finished" 事件名称：

hurryt:finished: Fires after timer has reached zero.

$('.countdown').on('hurryt:finished', function(event, campaign){

  $(this).closest('.parent-countdown').addClass('disable-countdown');

});

在动态元素上添加 class

Add a class on dynamic element

wordpress

jquery