特定条件下的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/