1

右側のメニューとページネーション メニューの 2 つの要素があります。どちらのメニューにも同じ href リンクが含まれています。

右メニュー

<ul class="right-menu">
<li class="menu-item">
<a href="#p1">anchor link one</a>
</li>
<li class="menu-item">
<a href="#p2">anchor link two</a>
</li>
</ul>

ページネーション メニュー

<div class="page_nav">
<a class="page_link" href="#p1">1</a>
<a class="page_link active_page" href="#p2">2</a>
</div>

ページネーションナビゲーションで同等のリンク/hrefをクリックしたときに、「アクティブ」のクラスを「右メニュー」に追加する方法を知りたいです。

助けてくれてありがとう。

4

2 に答える 2

2
$(".page_nav a").click(function() {
    $(".right-menu a")
        .removeClass("active")
        .filter("[href=" + $(this).attr("href") + "]")
        .addClass("active");
});

デモはこちら

于 2012-09-26T19:30:32.180 に答える
0

何かのようなもの:

$('.page_link').click(function(){

    var href = $(this).attr('href');
    $('.right-menu a').removeClass('active');
    $('.right-menu a[href='+href+']').addClass('active');

});

注:テストされていません

于 2012-09-26T19:30:25.403 に答える