Javascript 页面刷新/引导后保留打开选项卡

我有这个代码，它在两个选项卡中显示两个菜单，如何在页面刷新后阻止当前打开的选项卡重置

<script type="text/javascript">
                            $(document).ready(function(){
                                $('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
                                    localStorage.setItem('activeTab', $(e.target).attr('href'));
                                });
                                var activeTab = localStorage.getItem('activeTab');
                                if(activeTab){
                                    $('#subtabs a[href="' + activeTab + '"]').tab('show');
                                }
                            });
                            </script>

                        <ul id="subtabs" class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#artists" aria-controls="artists" role="tab" data-toggle="tab">Artists</a></li>
                            <li role="presentation"><a href="#subjects" aria-controls="subjects" role="tab" data-toggle="tab">Subjects</a></li>
                        </ul>

                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="artists">
                                <ul> 
                                <?php $loop = new WP_Query(array( 'post_type' => 'artist', 'posts_per_page' => -1 )) ; while ($loop->have_posts()) : $loop->the_post(); ?>

                                    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

                                <?php endwhile; ?>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="subjects">
                                <ul>
                                <?php $tax_terms = get_terms('subject');

                                    foreach($tax_terms as $term) {

                                        $term_link = get_term_link($term);

                                        if (is_wp_error($term_link)) {
                                            continue;
                                        } ?>

                                        <li><a href="<?php echo esc_url($term_link); ?>"><?php echo $term->name; ?></a></li>   

                                <?php } ?>
                                </ul>
                            </div>
                        </div>

$（文档）.ready（函数（）{
$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（e）{
setItem（'activeTab'，$（e.target）.attr（'href'）；
});
var activeTab=localStorage.getItem（'activeTab'）；
如果（活动选项卡）{
$（“#子选项卡a[href=“”+activeTab+”）.tab（'show'）；
}
});

实现这一点的最简单方法是使用本地存储。每次单击选项卡列表时，只需将其添加到localstorage，并在重新加载时将该项和该特定类添加到该特定选项卡，从而使其处于活动状态

---

这是tutorialrepublic的链接：

不确定为什么否决票。。。也许用一个例子来充实答案。。我也会建议这样做，或者可能使用cookieWhy the downvote？这看起来像是解决方案，我已经尝试过了，但仍然不走运，我已经用这个解决方案更新了我的问题。嘿@BradFletcher，我检查了它，它起了作用。检查此链接：