Question

我有一个菜单在链接为“＃”时工作正常但是当我点击一个真正的链接时，在页面加载后，链接不会在我选择的地方保持活动状态。我读了一些关于本地存储的内容，我不知道它是否是最好的解决方案。

<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'>DOMOV</a></li>
   <li><a href='#'>KUPIM</a></li>
   <li><a href='#'>PRODAM</a></li>
   <li><a href='#'>MOJ RACUN</a></li>
   <li><a href='#'>POMOC</a></li>
   <li><a href='#'>KONTAKT</a></li>
</ul>
</div>

我不知道本地存储，请任何人帮助我。

谢谢，问候

http://codepen.io/anon/pen/eJPxvB

Answer 1

我解决了。我添加了这个脚本

<script>
$(document).ready(function () {

                $("#cssmenu > ul > li").click(function () {
                    $(this).removeClass('active');
                    var id = $(this);


                    $(id).addClass("active");
                    localStorage.setItem("selectedolditem", $(id).text());

                });

                var selectedolditem = localStorage.getItem('selectedolditem');

                if (selectedolditem !== null) {

                    $("li:contains('" + selectedolditem + "')").addClass("active");
                }
            });
</script>

页面加载时，活动类不会保持活动状态

1 个答案: