Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 10.06.2012, 12:41
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

jeysmook,
Суть в том что обработчик нужно ставить либо
а) При наличии элемента на странице (click
b) Либо вариантами live bind и one (Последнии два, нун ставить после .append элемент
http://jquery-docs.ru/Events/live/#typefn
Ответить с цитированием
  #12 (permalink)  
Старый 10.06.2012, 13:39
Кандидат Javascript-наук
Отправить личное сообщение для jeysmook Посмотреть профиль Найти все сообщения от jeysmook
 
Регистрация: 24.04.2012
Сообщений: 118

Deff,
Понятно, спасибо за объяснения )
Ответить с цитированием
  #13 (permalink)  
Старый 10.06.2012, 14:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от jeysmook
а если так то не работает... Не пойму почему?
Установка обработчика работает ранее появления элемента на странице, он ни к чему не привязывается;
Можно попробовать так, если внедрение элемента единственное,(если нет - нун ставить обработчик через .live

function Hover(){
     		   $('a.link').css({"opacity":"0.4"});
		   $('a.link').hover(function(){
				  $(this).stop().animate({opacity:1.0},800);
		   },function(){
				  $(this).stop().animate({opacity:0.4},800);
	   });
  }
	var FirstClick=true;
		$('.go').click(function(){
			$('body').append('<a href="" class="link">Главная</a>');

		if(FirstClick){FirstClick=false;Hover()} //Ставим Обработчик

			return false;
		});		   

});
Ответить с цитированием
  #14 (permalink)  
Старый 10.06.2012, 14:03
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Ксать эффект полностью реализуется в css, -Стоит ли мучать скрипты ?
Ответить с цитированием
  #15 (permalink)  
Старый 10.06.2012, 14:13
Кандидат Javascript-наук
Отправить личное сообщение для jeysmook Посмотреть профиль Найти все сообщения от jeysmook
 
Регистрация: 24.04.2012
Сообщений: 118

Deff,
Так эффект замедленный )
а я так подошел к решению вопроса, нормально будет или нет ?
$(function(){
		$('.go').click(function(){
			$('body').after('<a href="" class="link">Главная</a>');
			return false;
		});
		$('body').live('mousemove', function(){
			$('a.link').animate({opacity:'0.4'},0);
			$('a.link').hover(function(){
				$(this).stop().animate({opacity:1.0},800);
			},function(){
				$(this).stop().animate({opacity:0.4},800);
			});
		});
	});
Ответить с цитированием
  #16 (permalink)  
Старый 10.06.2012, 14:31
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<style>
a.link{
   opacity: 1.0; /* все браузеры кроме ИЕ ниже девятой */
   filter: Alpha(opacity=100); /* для ИЕ ниже девятой */
   transition-duration: 0.69s;
  -webkit-transition-duration: 0.69s;
  -moz-transition-duration: 0.69s;
  -o-transition-duration: 0.69s;
  -ms-transition-duration: 0.69s; /* IE9+ */
}
a.link:hover {
   opacity: 0.4; /* все браузеры кроме ИЕ ниже девятой */
   filter: Alpha(opacity=40); /* для ИЕ ниже девятой */
}
</style>

<a href="" class="link">Главная</a>

Последний раз редактировалось Deff, 10.06.2012 в 15:01.
Ответить с цитированием
  #17 (permalink)  
Старый 10.06.2012, 14:36
Кандидат Javascript-наук
Отправить личное сообщение для jeysmook Посмотреть профиль Найти все сообщения от jeysmook
 
Регистрация: 24.04.2012
Сообщений: 118

Deff,
Прикольно, не знал что с ccs так можно , спасибо)
Ответить с цитированием
  #18 (permalink)  
Старый 10.06.2012, 15:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

чуть поправил css (убрал лишние атрибуты
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление алемента в DOM Орёл Общие вопросы Javascript 2 19.06.2010 20:44
добавление элемента формы sc2r2bey Элементы интерфейса 3 15.06.2010 16:20
Не работает onClick добавление тега <s> AvaGet Общие вопросы Javascript 13 09.12.2008 18:41
Добавление элемента и работа с ним nvbn Events/DOM/Window 13 07.07.2008 19:07