09.06.2012, 16:41
|
|
Кандидат Javascript-наук
|
|
Регистрация: 24.04.2012
Сообщений: 118
|
|
|
Не работает hover() после добавление элемента в DOM
Вставляю ссылку с помощью prepend(), после чего с этой ссылкой не могу ничего сделать! Помогите пожалуйста.
$(function(){
$('body').prepend('<a href="" class="link">Главная</a>');
})
$(function(){
$('.link').hover(function(){
$(this).stop().animate({opacity:'1'},'slow');
},function(){
$(this).stop().animate({opacity:'1'},'slow');
});
});
|
|
09.06.2012, 17:18
|
 |
Студент
|
|
Регистрация: 30.04.2012
Сообщений: 1,113
|
|
$(function(){
$('body').prepend('<a
href="" class="link">Главная</a>');
$('.link').hover(function()
{$(this).stop().animate
({opacity:'0'},'slow');
});
})
Последний раз редактировалось vadim5june, 09.06.2012 в 17:22.
|
|
09.06.2012, 17:27
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
$(function(){
$('body').prepend('<a href="" class="link">Главная</a>');
$('.link').live('hover', function() {
$(this).stop().animate({opacity:'1'},'slow');
},function(){
$(this).stop().animate({opacity:'1'},'slow');
});
});
|
|
09.06.2012, 22:12
|
|
Кандидат Javascript-наук
|
|
Регистрация: 24.04.2012
Сообщений: 118
|
|
|
Deff,
Я понял ,а альтернативы нет этому методу, он не очень подходит?
Мне нужно чтобы элементу сразу opacity:'0.4', а не когда на него наводишь, как это сделать ?
Последний раз редактировалось jeysmook, 09.06.2012 в 22:18.
|
|
09.06.2012, 22:23
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от jeysmook
|
|
Мне нужно чтобы элементу сразу opacity:'0.4',
|
Ну присвойте класс - данному классу в css opacity:0.4
Или запустите в тексте страницы, позже самого элемента скрипт, устанавливающий данный атрибут |
|
09.06.2012, 22:28
|
|
Кандидат Javascript-наук
|
|
Регистрация: 24.04.2012
Сообщений: 118
|
|
|
Deff,
та дело в том, что не все браузеры могут воспринимать opacity - css.
и поэтому хотелось бы jquery...
|
|
09.06.2012, 22:39
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
|
Сообщение от jeysmook
|
|
та дело в том, что не все браузеры могут воспринимать opacity - css.
|
почему не все?
div {
opacity: 0.4; /* все браузеры кроме ИЕ ниже девятой */
filter: Alpha(opacity=40); /* для ИЕ ниже девятой */
}
или
div {
opacity: 0.4; /* все браузеры кроме ИЕ ниже девятой */
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.4); /* для ИЕ ниже девятой */
}
|
|
09.06.2012, 22:41
|
|
Кандидат Javascript-наук
|
|
Регистрация: 24.04.2012
Сообщений: 118
|
|
|
devote,
Спасибо )))
Если кто может знает как на jQuery , то напишите плз
Последний раз редактировалось jeysmook, 09.06.2012 в 22:45.
|
|
10.06.2012, 02:42
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
<html>
<body>
<head>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
</head>
<script type="text/javascript" >
$(function(){
$('body').append('<a href="" class="link">Главная</a>');
$('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);
});
});
</script>
</body>
</html>
|
|
10.06.2012, 12:24
|
|
Кандидат Javascript-наук
|
|
Регистрация: 24.04.2012
Сообщений: 118
|
|
Deff,
Спасибо)
а если так то не работает... Не пойму почему?
$(function(){
$('.go').click(function(){
$('body').append('<a href="" class="link">Главная</a>');
return false;
});
$('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);
});
});
Последний раз редактировалось jeysmook, 10.06.2012 в 12:28.
|
|
|
|
