0

我的 jQuery 脚本有点问题。

我href在 div 中有一个不可见的链接，当我将鼠标悬停在它的父 div 上时，该 div 将变得可见。这工作得很好，但是因为变得可见的 div 必须像一个按钮，所以我在里面制作了 div，href因为 html5 的美妙世界允许我们这样做:)。

但现在的问题是，当我将鼠标悬停在父 div 上时，它不再可见并且我不知道如何调用它，这必须很简单，但我似乎没有找到任何关于它的信息。

这是html的一部分：

<div id="evenementen" class="inforow">
    <div class="pic">
        <div class="aanwijzer"></div>
    </div>
    <div class="text">
        <h3>EVENEMENTEN</h3>
        <p>some text</p>
    </div>
    <a href="evenementen">
        <div class="button" style="display:none;">MEER INFO</div>
    </a>
</div>

如您所见， div 在 a 标签内。

这是我的 jQuery 代码：

$(document).ready(function() {
    var div = '';
    $(".inforow").hover(erover, eraf);

    function erover() { 
        div = $(this).attr('id');
        $("#" + div).stop().animate({marginTop:0, height:325},200);
        $(this).children(".button").show();
    }

    function eraf() {
        $(this).stop().animate({marginTop:20, height:285},200);
        $(this).children(".button").hide();
    }
});

所以我认为 .button 必须在其他地方进行更改。我已经尝试过 .button a 甚至 .button a:link 之类的东西（尽管这更加牵强）。无论如何，我希望有人知道答案，并提前感谢

4

1 回答 1

2

尝试：

$(this).find(".button").show()

代替

$(this).children(".button").show()

这样做的原因是 div 按钮不再是主（父）div 的直接子元素，而是现在包裹在 a 标签内；由于这个原因，children() 不会到达它，而 find() 会。

于 2013-02-15T10:50:34.903 回答