0

"active"CSS を変更するために、さまざまなリンクを動的にクラスに割り当てたいと考えています。誰もこれを行う方法を知っていますか?

<div class="livello2">
    <div class="live">
        <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
    </div>
    <nav class="menu">
        <ul>
            <a href="./index.php"><li>HOME</li></a>
            <a href="./Concerti.php"><li>CONCERTI</li></a>
        </ul>
    </nav>
</div>

私はこれを持っています：

<div class="livello2">
                 <div class="live">
                     <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
                 </div>
                 <nav class="menu">
                     <ul>
                         <a href="./index.php"><li>HOME</li></a>
                         <a href="./Concerti.php"><li>CONCERTI</li></a>

                     </ul>
                 </nav>
       </div>

jquery スクリプトは次のようにする必要があると思います。

click(function(){
   $link.removeClass('active');
    $link2.addClass('active');
  });
4

2 に答える 2

1 
document.getElementById("yourElementsId").classList.toggle("active");

これは、最初に変更したいアイテムをその ID で取得し、次に単純に「アクティブな」クラスを切り替えます。次の方法も使用できます。

classList.add("active");
classList.remove("active");

jQuery でこれを行うには、次のようにします。

$("#yourElementsId").addClass("active");
$("#yourElementsId").removeClass("active");
$("#yourElementsId").toggleClass("active");
于 2012-11-29T09:43:43.167 に答える
0

このソリューションは、メニュー リンクに「アクティブ」を追加することを前提としています。

HTML:

<div class="livello2">
    <div class="live">
        <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
    </div>
    <nav class="menu">
        <ul>
            <li><a href="./index.php">HOME</a></li>
            <li><a href="./Concerti.php">CONCERTI</a></li>
        </ul>
    </nav>
</div>

jQuery:

$(function() {
    $('.menu a').click(function(e) {
        // you usually want to prevent default for handling link clicks,
        // otherwise the browser follows the href (if that's intended skip this)
        e.preventDefault();

        $('.menu a').not(this).removeClass('active');
        $(this).addClass('active');
    });
});
于 2012-11-29T09:43:14.953 に答える