Показать сообщение отдельно
  #1 (permalink)  
Старый 15.09.2011, 16:39
Новичок на форуме
Отправить личное сообщение для qwelp Посмотреть профиль Найти все сообщения от qwelp
 
Регистрация: 05.11.2010
Сообщений: 3

Повторение в функции.
Написал код, он добавляет tr с данными в таблицу, у каждой tr в конце создается кнопка, при нажатии на которую удаляется строка в которой находится кнопка.

Проблема: Функция $ingr_minus вызывается столько раз, сколько создано tr и соответственно вызывается confirm вызывается много раз, строка удаляется как надо, только одна.

Уже третий день не могу сделать, знающие люди помогите, решить эту проблему.

$('#ingr-plus').click(function() {
        var ingr;
        ingr = '<tr><td>';
        ingr += '<input type="text" name="ingr[summ]" value="Кол-во" /> <input type="text" name="ingr[ves]" value="Мера веса" /> <input type="text" name="ingr[comm]" value="Комментарий" />'
        ingr += '<input type="button" value="-" />';
        ingr += '</td></tr>';
        $('#ingr').append(ingr);
        $('#ingr input[type=button]').click($ingr_minus);
    });
    
    var $ingr_minus = function (event) {        
        confirm('Удалить') ? $(this).parent().parent().remove() : false;            
    }


            <table id="ingr" width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><input type="text" name="ingr[summ]" value="Кол-во" /> <input type="text" name="ingr[ves]" value="Мера веса" /> <input type="text" name="ingr[comm]" value="Комментарий" /></td>
              </tr>
            </table>
            <input type="button" id="ingr-plus" value="+ ингредиент" />
Ответить с цитированием