обработчик привязки к элементам в объекте jQuery, чтобы повлиять на дочерние элементы - PullRequest
Новая
       12

обработчик привязки к элементам в объекте jQuery, чтобы повлиять на дочерние элементы

1 голос
/ 21 октября 2009

Я хочу привязать обработчики для mouseenter и mouseleave к набору элементов, захваченных с помощью селектора jQuery. Функция должна воздействовать на дочерние элементы.

Вот мой код: 

$(document).ready(function(){
    $(".topnav-link").bind("mouseenter mouseleave", function() {
        $(this).children(".topnav").toggle();
    });
});

и в теле html: 

<ul id="nav">
    <li>
        <a class="topnav-link" href="some-url">
            <img class="topnav" src="nav-about-us.png" />
            <img class="topnav hidden" src="/images/site/nav-about-us-on.png" />
        </a>
    </li>
    <li>
        <a class="topnav-link" href="some-url'}">
            <img class="topnav" src="nav-products.png" />
            <img class="topnav hidden" src="/images/site/nav-products-on.png" />
        </a>
    </li>
    <li>
        <a class="topnav-link" href="some-url">
            <img class="topnav" src="nav-contact.png" />
            <img class="topnav hidden" src="/images/site/nav-contact-on.png" />
        </a>
    </li>
</ul>

Это на самом деле прекрасно работает в Mac / Win / FF / Safari, но в IE6 и IE8 только первый элемент, захваченный селектором $(".topnav-link"), отображает желаемое поведение.

Спасибо за любую помощь в том, что мне не хватает!

1 Ответ

1 голос
/ 29 октября 2009

Вы должны использовать CSS для достижения желаемых эффектов пролонгации.

Пожалуйста, прочитайте Техника CSS: быстрые ролловеры без предварительной загрузки для получения дополнительной информации.

...