Почему-то не работает событие клик

[pro_xaoc]

Приветствую Всех!
У меня возникла одна проблемка. У меня почему-то не работает событие клик. Вот код:

$('img[alt="add"]').click(function(){
		var height = $(window).height();
		var width = $(window).width();
		$('#main_div').before('<div id="fonAddCat" style="height:'+height+'px; width:'+width+'px; "></div>');
		$('#fonAddCat').animate({opacity: 0.5},1000);
	})
	
	$('#fonAddCat').click(function(){ //Вот этот вот код не работает
		
		alert('hello');
	})

Не пойму, почему не работает ... Заранее спасибо.

[Serg_pnz]

$('#fonAddCat').live('click', function(){ //Вот этот вот код работает
        alert('hello');
   })

[pro_xaoc]

Serg_pnz,
премного благодарен! Не знал, что в jquery есть такая функция

[devote]

Не знал, что в jquery есть такая функция

ага, с пометкой DEPRECATED

[pro_xaoc]

вынужден спросить еще кое о чем. Вот есть метод before(), куда я добавляю текст html, но он не удобен, когда я использую большой кусок html, приходится извращаться так:

$('#main_div').before('<div id="addCat">'
			+'<div>Добавить категорию</div>'
			+'<div><input type="text" /> в '
			+'<select>'
				+'<option>Без названия</option>'
			+'</select>'
			+'</div>'
			+'<div><input type="button" value="Добавить" /></div>');

На какой метод его можно заменить, чтобы без всяких плюсиков и кавычек было? Ну к примеру как HEREDOC в PHP?

[Deff]

pro_xaoc,
Это не проблема метода
Создайте текстовую переменную a до вставки и вставляйте a
более удобная запись такая

a='\  //Переменная для вставки
<div id="addCat">\
<div>Добавить категорию</div\
<div><input type="text" />\
<select><option>Без названия</option>\
</select>\
</div>\
<div><input type="button" value="Добавить" /></div>';

$('#main_div').before(a)

Или вообще в одну строку

[Serg_pnz]

devote,
не знал, что с 1.7 устаревшая, спасибо за замечание!

Тогда on() или вообще так http://learn.javascript.ru/play/pUUQ2

[melky]

не знал, что с 1.7 устаревшая, спасибо за замечание!

с момента появления on - jq 1.7 - все методы назначения обработчиков находятся с пометкой DEPRECATED, и в своём теле вызывают эту функцию - т.е. проксируют.

[Serg_pnz]

melky,
надо посмотреть несжатый код на предмет сего. Т.к. к сожалению "методы назначения обработчиков" для меня почти на китайском((

[melky]

melky,
надо посмотреть несжатый код на предмет сего. Т.к. к сожалению "методы назначения обработчиков" для меня почти на китайском((

А никуда ходить не надо. Вот исходные коды обработчиков с последней версии.

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>

<script>
alert( "LIVE:\n\n"+$().live );
alert( "BIND:\n\n"+$().bind );
alert( "ONE:\n\n"+$().one );
alert( "CLICK и остальные:\n\n"+$().click );
</script>