Question

我有一个div，div里面有一个<a>，我想在鼠标上显示<a>

<div style="position: relative">
    <img width="40" height="40" style="cursor:pointer" title="fwe" alt="image" src="../Images/DefaultPhotoMale.png" id="img513a06fa7f6d160310e09ac9">
    <a style="position: absolute;display:none; top: 1px; margin-left: 50px;">X</a>
    </div>

我做了这个，但我没有得到正确的结果，我能够看到其他的下一个div，任何其他选项，请

$("#mycarousel").find("div").live({
        mouseenter:
           function () {
               $(this).find('a').show();
           },
        mouseleave:
           function () {
               $(this).find('a').hide();
           }
    }
    );

Answer 1

使用 pure CSS，可以不使用JavaScript 来完成。

div a {
    display: none;
}

div:hover a {
   display: block;
}

演示 - http://jsfiddle.net/TjVkS/

Answer 2

从jQuery 1.7开始，the live() method is deprecated。请改用on()。这样对我来说效果很好：

Working demo

如何显示<a> on div ( parent mouse over) with live function?</a>

2 个答案: