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() 中的点。相反，它应该是这样的：

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

此外，您的 jsFiddle 中没有包含 jQuery。工作示例：

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

jQuery 在特定条件下阻止按钮

jQuery blocking button on specific condition

jquery

conditional

block

href

button