Не работают скрипты после ajax в БО Татьяны

[Alecto]

Татьяна5, вот такой вариант вроде работает.
проверял и для клееных постмерджем постов, и для добавленных аяксом без склейки после моего предыдущего или чужого поста.
поставил код на ближайший не перезаписываемый элемент выше (придумал не сам, подсказали).
годный вариант? пойдет?
или слишком большая нагрузка получается?

Код: Выделить всё

$('#posts').on('mouseenter', '.postprofile', function() {
		if ($(window).width() > 843) {
			$(this).find('.avatar img').stop(true, true).css({margin: '-20px 0 -40px 0'}).animate({margin: '0'},300);
			$(this).find('.profile-custom-field').stop(true, true).show(300);
			$(this).find('.profile-joined').stop(true, true).show(300);
			$(this).find('.profile-rank').stop(true, true).show(300);
			$(this).find('.profile-posts').stop(true, true).show(300);
				var txt1 = '<span id="temp_added_text" style="display: block; padding-left: 70px;"><br/>&#9650;<br/><br/></span>';
			$(this).find('.profile-contact').append(txt1);
		}


})
 $('#posts').on('mouseleave', '.postprofile', function() {
		if ($(window).width() > 843) {
			$(this).find('.avatar img').stop(true, true).css({margin: '-20px 0 -40px 0'});
			$(this).find('.profile-custom-field').stop(true, true).hide();
			$(this).find('.profile-joined').stop(true, true).hide();
			$(this).find('.profile-rank').stop(true, true).hide();
			$(this).find('.profile-posts').stop(true, true).hide();
			$(this).find('#temp_added_text').remove();
		}
})

старый вариант, для себя 

Код: Выделить всё

	$('.postprofile').hover(function() {
		if ($(window).width() > 843) {
			$(this).find('.avatar img').stop(true, true).css({margin: '-20px 0 -40px 0'}).animate({margin: '0'},300);
			$(this).find('.profile-custom-field').stop(true, true).show(300);
			$(this).find('.profile-joined').stop(true, true).show(300);
			$(this).find('.profile-rank').stop(true, true).show(300);
			$(this).find('.profile-posts').stop(true, true).show(300);
				var txt1 = '<span id="temp_added_text" style="display: block; padding-left: 70px;"><br/>&#9650;<br/><br/></span>';
			$(this).find('.profile-contact').append(txt1);
		}
	    }, function() {
		if ($(window).width() > 843) {
			$(this).find('.avatar img').stop(true, true).css({margin: '-20px 0 -40px 0'});
			$(this).find('.profile-custom-field').stop(true, true).hide();
			$(this).find('.profile-joined').stop(true, true).hide();
			$(this).find('.profile-rank').stop(true, true).hide();
			$(this).find('.profile-posts').stop(true, true).hide();
			$(this).find('#temp_added_text').remove();
		}
	});

[Alecto]

подключаю событие сейчас вот так

Код: Выделить всё

$('.postprofile').on({
    mouseenter: function(){
    },
    mouseleave: function(){
    }
});

на странице таких элементов может быть максимум 10
но, этот вариант глючит с аяксом

вот этот вариант

Код: Выделить всё

$('#posts').on('mouseenter', '.postprofile', function() {
})
$('#posts').on('mouseleave', '.postprofile', function() {
})

работает с аяксом
но, здесь получается что находится элемент выше нужных по дереву и событие присваивается всем его элементам, а срабатывает только для .postprofile
т.е. я думаю, что этот вариант хоть и работающий, но более тяжелый в плане нагрузки на браузер.

прокомментируйте мои предположения пожалуйста, поскольку проанализировать с помощью расширений файрфокс или хрома - не получается.

[Татьяна5]

Второй вариант единственно верный для работы с аяксом

[Алг]

но, здесь получается что находится элемент выше нужных по дереву и событие присваивается всем его элементам, а срабатывает только для .postprofile
т.е. я думаю, что этот вариант хоть и работающий, но более тяжелый в плане нагрузки на браузер.

прокомментируйте мои предположения пожалуйста, поскольку проанализировать с помощью расширений файрфокс или хрома - не получается.

Я уже комментировала, что для анализа нагрузки при загрузке нужен специальный инструмент, типа PageSpeed. Второй вариант использует делегирование событий к элементу postprofile, потому и срабатывает только для него.. и это правильно