特定の条件のjQueryブロックボタン

Question

カウントダウンが終了したときにボタンをブロックするようなものを作成しました。結果

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

なぜこのコードが機能していないのですか？

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

私が;-)何をしないのですか？事前に

おかげで、 トム

Answer 1

あなたが問題のカップルを持っています。

最初のの場合は、クリックイベントを条件外にバインドする必要があります。次に、関数内で自分の状態をチェックします。

第二、あなたはhasClass("classname")、ない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

これはhasClass（）のドットです。また、あなたはjQueryのは、あなたのjsFiddleに含まれていませんでした

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

：その代わりに、このする必要があります。作業例：

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