javascript - 在加载时将事件类添加到自定义链接

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

修复:

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