0

jQueryスクリプトに少し問題があります。

div内にhrefリンクがありますが、これは表示されませんでした。親divにカーソルを合わせると、divが表示されます。これは問題なく機能しましたが、表示されるdivはボタンのようにする必要があったhrefため、html5のすばらしい世界でこれを実行できるので、内部にdivを作成しました:)。

しかし、問題は、親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を別の方法で変更する必要があると思います。私は.buttonaや.buttona：linkのようなものを試しました（これはさらにはるかにフェッチされていますが）。とにかく誰かが答えを知っていることを願っています、そして事前に感謝します

4

1 に答える 1

2

試す：

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

それ以外の

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

この理由は、divボタンがメイン（親）divの直接の子ではなく、タグ内にラップされているためです。このため、children（）は到達しませんが、find（）は到達します。

于 2013-02-15T10:50:34.903 に答える