javascript - 使跨度暂时不可点击

Question

在 simon 游戏中，当向用户显示系列时，我希望跨度(彩色象限)不可点击。目前，我正在使用此功能，它在设置动画时将 pointer-events:none 添加到 span。

 function toggleUnclickable(){
  //unclickable class has the css property pointer-events:none
  $("#1").toggleClass("unclickable");
  $("#2").toggleClass("unclickable");
  $("#3").toggleClass("unclickable");
  $("#4").toggleClass("unclickable");

}

我在动画开始前和动画结束后调用这个函数。

function animateGeneratedPattern() {

   toggleUnclickable();

  function animateNextPattern(lightup) {
  .... // code for animation
  }
   animateNextPattern(true);
   toggleUnclickable();

}

但是当 span 被动画化时我仍然可以点击？？我做错了什么吗？？

Answer 1

尝试在您的元素中使用它来启用和禁用点击:

  $( "#myElement").unbind( "click" ); //disable click
  $( "#myElement").bind( "click" ); //enable