Question

在刷新时会删除活动链接，刷新时应该怎么做才能检查哪个链接打开并添加类？我相信这应该用js完成，任何提示都有用，提前感谢。

我的php文件中有链接的设置：

<?php if (!is_page('main')){  ?>
    <div class="shop-categories layoutcolor1">

        <li>
            <a href="<?php echo get_term_link( 21, 'product_cat' ); ?
            >">
                <p class="first"><?php echo get_cat_name( 21 ); ?> </p>

            </a>

            <a href="<?php echo get_term_link( 20, 'product_cat' ); ?
            >">
                <p class="second"><?php echo get_cat_name( 20 ); ?></p>

            </a>

            <a href="<?php echo get_term_link( 18, 'product_cat' ); ?
            >">
                <p class="third"><?php echo get_cat_name( 18 ); ?></p>

            </a>
        </li>


    </div>
    <?php } ?>

我有js：

$('.shop-categories li a').click(function() {

    $('a').removeClass('active');
    $(this).addClass('active');
});

Answer 1

试试这个：

var cp_url= window.location.pathname;

$('.shop-categories li').find('a').each(function() {
   $(this).toggleClass('active', $(this).attr('href') == cp_url);
})

Answer 2

修复：

$('.shop-categories li a').filter(function() {
    return $(this).prop('href') === browserUrl;
}).addClass('active');

Answer 3

我认为你需要这个......

$('.shop-categories li a').click(function() {
   $(this).addClass('active').siblings('a').removeClass('active');
});

在加载时将活动类添加到自定义链接

3 个答案: