如何停止使用jQuery动态地发生事件？

Question

我有一个$('.interaction').on('click', function(e){});但在某些情况下，我不想让用户点击元素。

由于某种原因，用户仍然能够点击按钮并触发事件事件，但我没有使用.unbind()事件;

基本上如果满足条件(activeState == 'R' || activeState == 'D')，我不想让用户点击下面的元素#hold,#resume,#mute,#unmute否则我想允许点击它们。

这是我迄今为止所做的。

$(function(){ 

    $('#test').click(function(){ 
     if(activeState == 'R' || activeState == 'D'){ 
      disableControlOps(); 
     } else { 
      enableControlOps(); 
     } 
    }); 


    function disableControlOps(){ 
     $('#hold,#resume,#mute,#unmute').addClass('icwsDisableButtons'); 


     $('#hold,#resume,#mute,#unmute').unbind("click"); 


    } 

    function enableControlOps(){ 
     $('#hold,#resume,#mute,#unmute').removeClass('icwsDisableButtons'); 
    } 


    //Handle interactions 
    $('.interaction').on('click', function(e){ 

     var id = $(this).attr('id'); 

     $.getJSON("index.php", function(data){ 
      console.log('Bingo!!!'); 
     }); 
    }); 

}); 

如何阻止事件发生？

Answer 1

为什么不回去呢？

$('.interaction').on('click', function(e){ 
    if(activeState == 'R' || activeState == 'D') return; 

    var id = $(this).attr('id'); 

    $.getJSON("index.php", function(data){ 
     console.log('Bingo!!!'); 
    }); 
}); 

Answer 2

试试这个

function disableControlOps(){ 
     $('#hold,#resume,#mute,#unmute').addClass('icwsDisableButtons'); 
     $('#hold,#resume,#mute,#unmute').css("Pointer-event","none"); 

} 

function enableControlOps(){ 
     $('#hold,#resume,#mute,#unmute').removeClass('icwsDisableButtons'); 
     $('#hold,#resume,#mute,#unmute').css("Pointer-event","auto"); 
    }