JQuery.on() сваи до

Question

Почему

JQuery.on('sameEventName.',function(){...}); 

сваи до зависимости, сколько времени работает код? И есть ли способ предотвратить это?

Вот fiddle

Answer 1

Я думаю, что вы хотите достичь поведения, где даже с несколькими щелчками, только один слушатель событий присутствует. Хотя следующее это не идеально, но это самый простой способ обхода. Используйте функцию .off, чтобы удалить предыдущий прослушиватель событий.

$(document).off('aCustomEventName'); 
$(document).on('aCustomEventName', function(){...}); 

Полный фрагмент кода:

$('#set').on('click', function() { 
 
    $(document).off('aCustomEventName'); 
 
    $(document).on('aCustomEventName', function (event) { 
 
     alert('event caught'); 
 
    }); 
 
}); 
 

 
$('#trigger').on('click', function() { 
 
    $(document).trigger("aCustomEventName"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    Click on Set Listener button a few times then click on the Trigger Event button.. 
 
</div> 
 

 
<button id="set">Set Listener</button> 
 
<button id="trigger">Trigger Event</button>

А также fixed jsfiddle (такой же, как фрагмент кода).