без ajax работает, а с ним - нет

[зверек]

есть вот такой код

<div class="photo"><img src="images/edit.gif" />
	<div class="functional_icons"><?=icons()?></div>
</div>

Который выводит кликабельные иконки (функция icons() )
На странице подключается скрипт icons.js, который отрабатывает клики по этим иконкам так:

$(".functional_icons img").click(function(){
...
})

все чудесным образом работает.

Но, стоит мне попытаться подгружать иконки аяксом

$.post("icons_ajax.php", {source:1, source_id:36}, function(response)
	{
			$('.functional_icons').html(response);
			
	});

<div class="photo"><img src="images/edit.gif" />
	<div class="functional_icons"></div>
</div>

как все перестает работать. Точнее, иконки аяксом подгружаются, но они не кликабельны.
Почему?

в файле icons_ajax.php та же функция icons().

конечный html код в первом и во втором варианте (firebug) совершенно одинаковый.

[vadim5june]

Подключайте через on
http://api.jquery.com/on/

[зверек]

получилось через delegate. ура!

вместо

$(".functional_icons img").click(function(){
...
})

сделал

$("body").delegate(".functional_icons img", "click", function(){
...
}

[зверек]

Подключайте через on
http://api.jquery.com/on/

я так понял, что это тоже самое, что и delegate, только работает начиная с 1.7, да?

[vadim5june]

я так понял, что это тоже самое, что и delegate, только работает начиная с 1.7, да?

я думаю тоже самое что live
все динамически созданные элементы не будут работать с click нужно заменить

[зверек]

а если я делаю так, то снова не работает

$('.photo').mouseover(function()
	{
		$.post("icons_ajax.php", {source:1, source_id:36}, function(res)
		{
			$('.functional_icons').html(res).show();			
		}); 
	
	})

При наведении на открывшееся окошко мышкой бесконечно посылаются ajax запросы. А кликабельность иконок снова не работает.

[vadim5june]

Нет надо с ON

$(".functional_icons img").on("click", function(event){
  ...
});

[зверек]

$(".functional_icons img").on("click", function(event){
  ...
});

Не работает. Специально скачал jquery 1.9. Но увы.
Не работает даже тот вариант (из описанных выше) который работал с delegate.

А последний вариант и с delegate не работает. так что вопрос в силе, буду рад помощи.

[зверек]

в общем в ж... mouseover и mouseout. Надо использовать .hover()