1

だから、私はjQueryにかなり慣れていません..私はウェブサイトに取り組んでおり、Twitter Bootstrap. 今、私はあなたが. mouseenter. これは機能します。ただし、いつでも元の状態に戻したいです。mouseleave. 誰でも助けることができますか？

$('.nav-pills li a').not('.nav-pills .active a').mouseenter(function(){
    console.log('enter');
    $(this).animate({
        height: '+=5px',
        opacity: '1'
    }, 300);
});
$('.nav-pills li a').not('.nav-pills .active a').mouseleave(function(){
    console.log('leave');
    $(this).animate({
        height: '-=5px',
        opacity: '0.5'
    }, 300);
});

編集: 申し訳ありません..ここに HTML:

<div class="container" id="menu">
    <div class="tabbable fixed-top">
            <ul class="nav nav-pills">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Restaurant</a></li>
                <li><a href="#">Hotel</a></li>
                <li><a href="#">Feesten & vergaderen</a></li>
                <li><a href="#">Nieuwsbrief & activiteiten</a></li>
                <li><a href="#">Omgeving & links</a></li>
                <li><a href="#">Revieuws / Gastenboek</a></li>
            </ul>
    </div>
</div>
4

1 に答える 1

0

-- あなたのコードは正常に動作します

-- 不透明度を変更するだけです: mouseleave イベントの '1'

- これを試して

$('.nav-pills li a').not('.nav-pills .active a').hover(function () {
    $(this).animate({
        height: '+=5px',
        opacity: '0.5'
    }, 300);
}, function () {
    $(this).animate({
        height: '-=5px',
        opacity: '1'
    }, 300);
});
于 2013-05-08T10:45:40.423 に答える