Обработчики click

@xoraxax · Регистрация: 05.07.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте.

Javascript

$(".add").button().click(function(e){
   e.preventDefault();
   $("#playlist ul").append('<li><button class="remove">-</button><a class="toplay" href="">link</a></li>')
   $(".remove").button().click(function(e){
      e.preventDefault();
      console.dir('Parent index: ');+$(this).parent().index());
      //$(this).parent().remove();
    })
});

Пытаюсь сделать плэйлист. Кнопка add добавляет в плэйлист сслыку и кнопку remove.
Кнопка remove должна удалять элемент из плэйлиста.
Одна запись удаляется правильно.
Если добавить 2 записи, то последняя удалится как положена, а первая дернет обработчик 2 раза.
Если добавить 3 элемента, то, соответственно первая - 3 раза, вторая - 2 раза, третья-1 раз. И т.д.
Объясните пожалуйста, почему так происходит, как делать правильно.
Спасибо.

Добавлено через 16 минут
Судя по всему, привязывалось несколько обработчиков - помог unbind. Но меня не покидает ощущение, что это неправильно и можно лучше и красивее.

	20.01.2015, 23:04