jQuery мигает мышью

Question

У меня есть изображение с подписью. Надпись плавает над изображением и отображается внизу.

У меня есть событие jQuery, при котором при наведении курсора на изображение отображается подпись. Вот так:

function showCaption(id) {
var theID = "#caption_" + id;
$(theID).fadeIn('200');
}

А когда вы выкатываете:

function hideCaption(id) {
var theID = "#caption_" + id;
$(theID).fadeOut('200');
}

Однако, когда вы переносите заголовок, он думает, что вы выкатились из изображения и исчезает. Есть ли способ исправить это?

Вот ссылка: Пример

Спасибо, Култон

Answer 1

Я посмотрел на ваш JS, но не смог найти, что вызывает отображение заголовка - вы должны привязать событие к родительскому div изображения, чтобы оно не исчезло. Если это в настоящее время связано только с изображением, это ваша проблема. P.S. - всегда помогает включить пример кода.

Answer 2

Вот скрипка , которая показывает пример того, как вы могли бы это сделать.Он просто вызывает stop для элемента заголовка, когда мышь входит в этот элемент:

$("#caption").mouseover(function() { 
    $(this).stop(); 
});

Функция stop отменяет любую анимацию, которая выполняется на выбранном элементе (в данном случае, элемент заголовка).