Селектор класса JQuery запускает событие более чем на несколько попыток

Question

Давайте сохраним У меня есть пара div с тегами привязки, которые имеют тот же класс, что и

<div id="div1">
<input type="hidden" value ="1"/>
<a class="class1">Click 1</a>
</div>
<div id="div2">
<input type="hidden" value ="2"/>
<a class="class1">Click 2</a>
</div>

И теперь я хочу, чтобы селектор прослушивал один из якорей, по которому нужно щелкнуть.

$('.class1').click(function(){
var hidVal = $(this).prev().val();
AlerthiddenVal(hidVal);
});

И простая функция для оповещения о том, что щелкнули

function AlerthiddenVal(val){
alert(val);
}

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

Answer 1

это происходит, когда вы связываете функцию больше времени если вы дважды связываете это событие с class1, функция AlerthiddenVal будет выполняться дважды

Решением является попытка привязать это событие один раз, когда документ загружается только ИЛИ ЖЕ если это необходимо, чтобы связать его после многих событий вам нужно вызвать функцию unbind перед rebinding (), например:

$('.class1').unbind();
$('.class1').click(function(){
var hidVal = $(this).prev().val();
AlerthiddenVal(hidVal);
});

Answer 2

$('.class1').click( function(){
  AlerthiddenVal( 
         $("input",$(this).parent() ).val()  
  );
});

Answer 3

Попробуйте это:

$('.class1').click(function(e){
    e.stopImmediatePropagation();
    var hidVal = $(this).prev().val();
    AlerthiddenVal(hidVal);
});

Уведомление e.stopImmediatePropagation().У меня была проблема, похожая на вашу, и это решило ее.