jquery，添加和删除事件处理程序

Question

我有两个按钮

 $(".button1").on("click", function(event){
 $(".button2").on("click", function(event){

我想做的是从单击时的button1开始，没有事件侦听器，当单击button2时，事件侦听器被删除，按钮1的事件侦听器被激活。

这是在ActionScript3中使用removeEventListener()方法的一种相当常见的技术，并且希望在jquery中使用类似的方法或技术。

Answer 1

如果要删除与jQuery.on绑定的事件处理程序，则可能需要jQuery.off

http://api.jquery.com/off/

Answer 2

on()方法绑定事件，off()解除它的绑定。如果给off()提供参数，它将只解除绑定提供的事件，而不使用参数解除所有事件的绑定。

    $('.button1').on('click', function() {
        console.log('button1');
        $(this).off('click');
        $('.button2').on('click');
    })
    $('.button2').on('click', function() {
         console.log('button2');
        $(this).off('click');
        $('.button1').on('click');
    })

Answer 3

这就是我所拥有的，但它不会将事件侦听器重新打开

 $(".slide1").on("click", function(){
    $(this).addClass('on');
    $('.slide2').removeClass('on');
     $(this).off('click');
    $('.slide2').on('click');
});

$(".slide2").on("click", function(){
    $(this).addClass('on');
    $('.slide1').removeClass('on');
    $(this).off('click');
    $('.slide1').on('click');
});