У меня есть эта разметка (упрощенная):
<div class='item'>
<a> one link </a>
<a class='trash'><img src='trash.png'/></a>
</div>
Я выделяю div при входе мыши и показываю (в противном случае скрытую) ссылку на «мусорную корзину» (это похоже на крошечную корзину для мусора), чтобы пользователь мог удалить ссылку.
Я не могу использовать эффект «зависания», потому что мне нужно, чтобы они были живыми событиями. Так что я делаю mouseover и mouseout. Это код:
$('div.link').live('mouseout', function(e){
console.log(e)
if(e.target == this){
$(this).removeClass('hover');
$(this).children('a.trash').fadeOut();
}
});
(наведение мыши делает прямо противоположное).
Анимация выглядит причудливо, что я делаю не так?
Большое спасибо!