Как сохранить элемент видимым, если он больше не находится на элементе fadeIn?

Question

Как сохранить элемент видимым, если он больше не находится на элементе fadeIn?

0

У меня есть элемент изображения, который выглядит так, как будто он находится внутри родительского div когда он фактически находится под ним/снаружи. В настоящее время я использую JQuery для fadeIn элемента изображения, когда курсор наводится на него и исчезает, когда курсор отходит. Но когда я пытаюсь навести курсор на теперь видимый элемент изображения, он исчезает. Перемещение элемента изображения внутри родительского div в данный момент не является опцией.

Heres JSFiddle демонстрирует проблему

Как я могу предотвратить его затухание, когда я указываю курсор на элемент изображения, когда он становится видимым?

crm 19 фев. 2014, в 18:13

Источник

0

почему вы не можете переместить изображение внутри div? Вы можете сделать что-то вроде этого http://jsfiddle.net/ST7jp/1/
Abraham Uribe 19 фев. 2014, в 16:54

Теги:

jquery

toggle

fade

jquery-animate

1 ответ

Ещё вопросы

почему вы не можете переместить изображение внутри div? Вы можете сделать что-то вроде этого http://jsfiddle.net/ST7jp/1/

Karl-André Gagnon · Accepted Answer · 2014-02-19T15-19-00.000Z

Добавьте ссылку в селектор .hover():

$('.container, .link').hover(...);

После этого вам нужно использовать .stop() чтобы предотвратить очередность:

$('.container, .link').hover( function (){
    $('.link').stop().fadeIn();
}, function(){
    $('.link').stop().fadeOut();
});

Тогда у вас будет ошибка при быстром зависании div потому что fadeIn() только proc, когда элемент скрыт, поэтому используйте fadeTo:

$('.container, .link').hover( function (){
    $('.link').stop().fadeTo('slow', 1);
}, function(){
    $('.link').stop().fadeTo('slow', 0);
});

http://jsfiddle.net/ST7jp/4/