Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > jQuery событие hover

Автор: CPlusPlusFAN 10.10.2010, 21:46

Здравствуйте.

У меня есть таблица:

Код


<table id="scroll-panel">
    <tr>
        <th>
            <img class='scroll-item' src='images/items/screencasts.png' alt=''></img>
            <div class='footer'></div><div class='footer-text'>О себе</div>
        </th>
    </tr>
</table>

Там гораздо больше элементов, для примера привёл один. Есть картинка. Есть рамочка (footer), есть текст на рамочке (footer-text). У этих 2-х дивов позиция absolute. В начальный момент времени они скрыты. В скрипте пишу, чтобы при наведении (событие hover ака mouseenter) эта рамочка с текстом становилась видимой, а при положении курсора вне картинки (mouseleave) исчезала. Она располагается по нижнему краю картинки.
Проблема начинается, когда появляется рамочка, и я навожу на неё. Срабатывает mouseleave картинки и рамка исчезает. В связи с этим вопрос: как мне сделать так, чтобы не срабатывало событие mouseleave элемента img.

Надеюсь, понятно объяснил. Если что, поясню ещё раз.

Спасибо за внимание!

Автор: ksnk 10.10.2010, 22:30

повесь это событие не на картинку, а на обрамляющий ее тег - TH

Автор: CPlusPlusFAN 10.10.2010, 23:10

ksnk, ты гений! smile

У меня есть вариант, но благодаря тебе теперь кода раза в 2 меньше. В общем, держи плюсик.