Не работает 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');
});
});
|
$(function(){
$('body').prepend('<a
href="" class="link">Главная</a>');
$('.link').hover(function()
{$(this).stop().animate
({opacity:'0'},'slow');
});
})
|
$(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');
});
});
|
Deff,
Я понял ,а альтернативы нет этому методу, он не очень подходит? Мне нужно чтобы элементу сразу opacity:'0.4', а не когда на него наводишь, как это сделать ? |
Цитата:
Или запустите в тексте страницы, позже самого элемента скрипт, устанавливающий данный атрибут |
Deff,
та дело в том, что не все браузеры могут воспринимать opacity - css. и поэтому хотелось бы jquery... |
Цитата:
div {
opacity: 0.4; /* все браузеры кроме ИЕ ниже девятой */
filter: Alpha(opacity=40); /* для ИЕ ниже девятой */
}
или div {
opacity: 0.4; /* все браузеры кроме ИЕ ниже девятой */
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.4); /* для ИЕ ниже девятой */
}
|
devote,
Спасибо ))) Если кто может знает как на jQuery , то напишите плз |
<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>
|
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);
});
});
|
| Часовой пояс GMT +3, время: 00:46. |