1

我想将 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")选择器抓取的第一个元素显示所需的行为。

感谢您对我所缺少的任何帮助！

4

1 回答 1

1

您应该使用 CSS 来实现所需的翻转效果。

请阅读CSS 技术：无需预加载的快速翻转以获取更多信息。

于 2009-10-29T13:13:22.537 回答