Question

我的jQuery脚本有点问题。

我在div中有一个href链接，这是不可见的，当我徘徊在它的父div上时div会变得可见。这很好用，但是因为变得可见的div必须像按钮一样我在href里面创建了div，因为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位于标签内。

这是我的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这样的东西（尽管这更加遥远）。无论如何，我希望有人知道答案，并提前感谢

Answer 1

尝试：

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

而不是

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

这样做的原因是div按钮不再是主（父）div的直接子节点，而是现在包装在一个标签内;因此，children（）将无法访问它，而find（）将会到达它。

调用一个在jQuery中链接的div

1 个答案: