0

http://liveweave.com/Y5JRdE

navbar、select、div、text に 3 つのボタンがあります。選択ボタンをクリックすると、選択以外の他のすべての div が 60% の不透明度でアニメーション化されます。もう一度クリックすると、たとえばアンカーをクリックして切り替えない限り、変更を指定したくありません。

ラジオボタンでこれをやろうとしましたが、ボタンクリックからトリガーしてナビゲーションバーに正しく表示するのに問題があったので、同様の概念をナビゲーションバーに適用しようとしています要素がチェックされるときに逆らうのではなく、アンカーを使用します。

JQuery/JavaScript :

$('#tools a').click(function() {
    $('#tools a').animate({
        "opacity": "0.6"
    });

    $(this).animate({
        "opacity": "1"
    });
});

HTML :

<div class='header' data-role='header'>
    <div id='tools' align='center'>
        <a id='select' data-role='button' data-inline='true' data-mini='true'>Select</a>
        <a id='gen1' data-role='button' data-inline='true' data-mini='true'>Button</a>
        <a id='gen2' data-role='button' data-inline='true' data-mini='true'>Anchor</a>
    </div>

    <h1 style='visibility:hidden; width:0; height:0; margin:0;'>NULL</h1>
</div>
4

2 に答える 2

3

:not(this)アニメートする前に追加するだけです。

$('#tools a').click(function() {
    $('#tools a'):not(this).animate({
        "opacity": "0.6"
    });

    $(this).animate({
        "opacity": "1"
    });
});
于 2013-10-10T17:51:00.277 に答える