Как остановит обработчик событий?

Question

[jtag]

Если нажать icon1 потом icon2 и map, то срабатывают оба обработчика map. Как остановить обработчик событий icon1 по нажатию на icon2?

$('.icon1').click(function(event){ 
     $('.map').click(function(event){ 
          console.log("from icon1");
     });
});

$('.icon2').click(function(event){ 
     $('.map').click(function(event){ 
          console.log("from icon2");
     });
});

Answer 1

[Антон Спирин]

var $map = $('.map');

$('.icon1').click(function(event){
  $map.off('click'); 
  $map.click(function(event){ 
    console.log("from icon1");
  });
});

$('.icon2').click(function(event){ 
  $map.off('click'); 
  $map.click(function(event){ 
    console.log("from icon2");
  });
});