javascript - 如何使用 Jquery 禁用和重新启用 div 的点击功能

Question

对于这个问题，还有一些其他相关问题解释了使用disabled属性重新启用输入字段或按钮的可能性。

但我的要求是在执行某些操作后重新启用 div 单击功能。目前，我正在使用 .off() 来禁用第一次点击后 div 的点击功能。

但我无法重新启用它。

禁用 div 的代码

    $(document).ready(function(){
       // Will ask for city through voice when user click on the instruction box.
        var accessBtn = $('#skitt-listening-box');
        $("#skitt-listening-box").click(function(){
          $(this).off('click'); // code to disble div from click
          //some functionality
        });

  });

启用 div 的代码:

if(IsEmail($(".voice_email").val())) {
              //some functionality
              //Should re-enable the div to click here              
          });

Answer 1

如果我是你，我会尝试添加 css 类来描述状态。

按照你的方式:

$(document).ready(function(){
   // Will ask for city through voice when user click on the instruction box.
    var $accessBtn = $('#skitt-listening-box');
    $accessBtn.click(function(){
       if($(this).hasClass('click-available'){
         //do action
         $(this).removeClass('click-available');
       }
    });
});

并启用点击:

if(IsEmail($(".voice_email").val())) {
    $accessBtn.addClass('click-available');            
});