Показать сообщение отдельно
  #1 (permalink)  
Старый 09.09.2015, 13:58
Новичок на форуме
Отправить личное сообщение для AngrySpoon Посмотреть профиль Найти все сообщения от AngrySpoon
 
Регистрация: 09.09.2015
Сообщений: 2

Многократное выполнение функции
Добрый день!

Ситуация следующая:
есть табличка
<table border="1px">
    <thead>
        <th>1</th>
        <th>2</th>
    </thead>
    <tbody>
        <tr>
            <td class='rem'>1.1</td>
            <td class='rem'>1.2</td>
        </tr>
        <tr>
            <td class='rem' onclick="GoRemove()">1</td>
            <td class='rem' onclick="GoRemove()">2</td>
        </tr>
    </tbody>
</table>


на ячейках второй строки таблицы, как вы видите, висит обработчик:
function GoRemove() {
    alert('js start');
    $('td.rem').click( function() {
    	alert($(this).parent().find("td:eq(0)").html());
        return false;
    });
    alert('js end');
}


При первом нажатии не происходит вызова внутренней процедуры, при втором - вложенная процедура вызывается дважды, при третьем - трижды и так далее.

Почему так происходит? Как это можно обойти?
Ответить с цитированием