jQuery - 图像地图悬停不起作用

Question

我有这个代码：

$("#menu1").hover( function () {
            $(".menu-wrapper").fadeIn("slow");             
})

和这个 HTML 代码：

<div style="position:absolute; left: 18px; top: 55px;">
    <img id="top" src="images/topNavigation.png" alt="" width="578" height="42" border="0" usemap="#Map2" />
    <map name="Map2" id="Map2">
        <area shape="rect" id="menu1" coords="467,7,538,35" href="#" />
        <area shape="rect" coords="309,10,415,33" href="#" />
        <area shape="rect" coords="163,8,271,36" href="#" />
        <area shape="rect" coords="47,6,122,34" href="articles" />
    </map>
</div>
<div class="menu-wrapper">
        <ul dir="rtl">
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
        </ul>
    </div>

它不起作用

有什么问题？

Answer 1

这是通过插件解决的相同问题。你可以用这个。

使用-jquery-hover-with-html-image-map