Почему при динамической смене класса элемента и последующим вызова .click ни чего не происходит?

Question

[raw1]

$this.text('Свернуть').removeClass('getAllContent').addClass('crop');
$('.crop').click(function() {alert()})

Когда меняю класс и вызываю .click() ни чего не происходит .

Answer 1

[coderisimo]

$('body').on('click', '.crop', function () {   alert('it works!');  });

теперь после добавления элементу класса "crop" и клике на нем, будет срабатывать alert()

ЗЫ Для старых версий jQ фунция live()

подробности -> api.jquery.com/live

Answer 2

[Александр Вялых]

Оберни this в скобки

Comments

[raw1]

var $this = $(this);

[Ярослав Иванов]

raw1: зачем вы это сделали ?

[raw1]

Ярослав Иванов: Для быстрого вызова , да и this , насколько я знаю, кэшируется в памяти

Answer 3

[Дима Паутов]

Думаю тут 2 пути:
1)

$this.text('Свернуть')
  .removeClass('getAllContent')
  .addClass('crop')
  .click(function() {alert()})

Сразу класс добавили и сразу клик повесили. Вот только это плохой подход

2)

$this.text('Свернуть').removeClass('getAllContent').addClass('crop');
$(document).on('click', '.crop', function() {alert()})

Если так, то мне кажется просто такого элемента еще нет, и так мы повесим события даже на вновь созданные элементы или классы. Мне кажется именно поэтому не добавляется. Хотя и ошибка может скрываться совсем в другом