jQuery Sperrtaste unter bestimmten Bedingung

Question

Ich habe so etwas erstellt, um die Schaltfläche zu blockieren, wenn der Countdown abgelaufen ist. Das Ergebnis

if($(".stm_countdown div").hasClass(".countdown_ended")) { 
    $('.vc_general').click(function(e) { 
     e.preventDefault(); 
    }); 
    } 

Frage, warum dieser Code nicht funktioniert?

https://jsfiddle.net/0dg2vL1z/3/

Was soll ich fehlen ;-)?

Vielen Dank im Voraus, Tom

Answer 1

Sie haben ein paar Probleme.

Zuerst, sollten Sie Ihr Klickereignis außerhalb der Bedingung binden. Dann überprüfen Sie Ihren Zustand in der Funktion.

Zweite, sollten Sie nach hasClass("classname") suchen, nicht hasClass(".classname").

$('.vc_general').click(function(e) { 
    if ($(".stm_countdown div").hasClass("countdown_ended")) { 
    e.preventDefault(); 
    alert("Button is blocked"); 
    return false; 
    } 
}); 

Link to updated fiddle.

Answer 2

Es ist der Punkt in hasClass(). Stattdessen sollte es sein:

$(".stm_countdown div").hasClass("countdown_ended")

Auch hast du nicht jQuery in Ihrem jsFiddle enthalten. Arbeitsbeispiel:

https://jsfiddle.net/pe0vo484/1/