php - 重新加载文档时会重置 Jquery 函数

Question

每当我放置我的 jquery 导航功能的页面刷新时，它都会重置 jquery 功能，使我的导航框在我点击它时隐藏而不是显示。有人告诉我，我应该使用 javascript cookie..，我对此不太了解。

这是我的jQuery代码

<script type="text/javascript">

    $(document).ready(function(){
        $(".about").on("click",function(){              
            $(".nav").show();
            $(".menu1 li a").show();
            $(".menu2 li a").hide();
            $(".menu3 li a").hide();
            $(".menu4 li a").hide();
        });

        $(".cord").on("click",function(){
            $(".menu1 li a").hide();
            $(".menu3 li a").hide();
            $(".menu4 li a").hide();
            $(".nav").show();
            $(".menu2 li a").show();
        })

</script>

Answer 1

首先下载jQuery.Cookies。

如下使用它。

Javascript文件如下使用它。

<script type="text/javascript">

    $(document).ready(function ()
    {
        var checkCookie = $.cookie("nav-item");
        if (checkCookie != "")
        {
            $('#nav > li > a:eq('+checkCookie+')').next().show();
        }
        $('#nav > li > a').click(function()
        {
            var navIndex = $('#nav > li > a').index(this);
            $.cookie("nav-item", navIndex);
            $('#nav li ul').slideUp();
            if ($(this).next().is(":visible"))
            {
                $(this).next().slideUp();
            }
            else
            {
                $(this).next().slideToggle();
            }
            $('#nav li a').removeClass('active');
            $(this).addClass('active');
        });
    });

</script>

我只是解释如何做到这一点。

有更多更好的方法来使用它。

更多帮助