Показать сообщение отдельно
  #1 (permalink)  
Старый 07.12.2015, 22:07
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

Как правильно определить делегирование событий?
Привет! Есть два вопроса . По поводу первого: у меня есть n-ое число инлайн-блоков. При hover на каждом блоке у меня происходит выполнение набора анимаций. Но анимация срабатывает сразу на ВСЕХ блоках.

$('.capabilitySection-block').hover(
	function(){
	    $('.capabilitySection-label').animate({paddingTop:'0px'},'slow');
            $('.capabilitySection-block').css('background','none');
	    $('.capabilitySection-comment').animate({opacity:'1'},'slow');
	 },
         function(){
            $('.capabilitySection-label').animate({paddingTop:'120px'},'slow');
            $('.capabilitySection-block').css('background','url(....)');
            $('.capabilitySection-comment').animate({opacity:'0'},'slow');
});

Первый вопрос: как определить выполнение анимаций только для элемента (ОДНОГО), на которого наведена мышь ??

У меня есть мысли (я не лентяй). Я правильно понимаю, что надо .hover() сделать для РОДИТЕЛЯ моих блоков?

То есть я пишу:
$('.capabilitySection').hover=function(event){
		var target=event.target;
		if (target.className!='.capabilitySection-block') return;

               // а вот тут как быть? Добавить элементы из верхнего скрипта?

}


Второй вопрос: при всех этих наведениях у меня почему-о не функционирует .css('background','url(....)'); Изображение изначально задано бекграундом, а по наведению (задумка) удаляется. Но этого не происходит . При этом URL у меня правильный.
Ответить с цитированием