Недоступен элемент после append

[Fabio]

Здравствуйте! Такая ситуация, с помощью javascript добавляю на страницу элемент div с определенным классом, при нажатии на который должно выскакивать alert сообщение. Ситуация такая, если элемент с данным классом загружается со страницой, то при нажатии на него сообщение показывается, а если элемент добавлен с помощью append то вывод сообщения не работает. Подскажите, в чем может быть причина.

$(document).ready(function(){
   $('button').click(function(){
         alert('ok');
});
   $('add').click(function(){
          $('container').append('<div class="button"></div>');
});
})

[AfraidAlex]

ты сначала вешаешь обработчик, а потом добавляешь элемент. В JS тоже все последовательно.

$(document).ready(function(){
   

   $('add').click(function(){
          $('container').append('<div class="button"></div>');
          $('button').click(function(){
                   alert('ok');
                   });
          })
});

[рони]

Fabio,
ставьте клик с помощью on потом добавляйте новые элементы когда захотите и для классов точку незабывайте

[Fabio]

$(document).ready(function(){
   

   $('add').click(function(){
          $('container').append('<div class="button"></div>');
          $('button').click(function(){
                   alert('ok');
                   });
          })
});

Спасибо работает

[danik.js]

AfraidAlex, если два раза нажать add то на первую кнопку будет навешано два обработчика сразу, и так далее кри каждом клике. Как вариант - $('button:last')

[ruslan_mart]

$(function(){
   $('.button').live('click', function(){
      alert('ok');
   });
   $('add').click(function(){
      $('container').append('<div class="button"></div>');
   });
})

[рони]

live

а почему не on?

[ruslan_mart]

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

[danik.js]

но я предпочитаю live, так как особой разницы не вижу

Во, первых, live обозначен как deprecated. А это значит что однажды тебе придется его все-же заменить на on.
Во-вторых, через on можно назначить элемент-обработчик, тогда как в live жестко вшит document. В большинстве случаев это излишне и нужен более специфический элемент.
В-третьих, при навешивании live() делается лишняя работа по поиску элементов, совпадающих с селектором.

[ruslan_mart]

danik.js, теперь буду знать