Question

我使用jquery扩展菜单。除了一件事情之外它运作良好：当用户离开页面时，菜单会崩溃。我希望当用户点击任何最终的＆lt;时，菜单保持打开状态。 li>链接。所有这些链接都打开同一页面。这些页面上的内容是从数据库中获取的，由？id =。

确定

以下是代码：

HTML：

 <ul id="nav">
    <li><a href="javascript:;">Products</a>
           <ul id="nav2">
        <li><a href="javascript:;">Domestic Market</a>
            <ul>
                <li><a href="index.php?page=Product&id=1">Link1</a></li>
                    <li><a href="index.php?page=Product&id=2">Link2</a></li>
                    <li><a href="index.php?page=Product&id=3">Link3</a></li>
        </ul>
       </li>
       <li><a href="javascript:;">Commercial Market</a>
            <ul>
                <li><a href="">Coming Soon</a></li>
            </ul>
       </li>
      </ul>
       </li>
       </ul>

CSS：

ul {
    padding: 0px;
    margin: 0px;
    width: 10em;
        list-style-type:none;

}
li {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#003;  
}

li ul {
    display: none;
}
li.active > ul {
    display: block;
}

jQuery的：

$('#nav').delegate('li,a', 'click', function(e) {
    e.stopPropagation();

    var self = $(e.target),
        //get a reference to the clicked element
        active = self.parents().andSelf() //select all li's that should be active
        .addClass('active'); //and activate them
    $('#nav .active').not(active).removeClass('active'); //deactivate others  
});

$(document).click(function(){
    $('.active').removeClass('active'); 
});

我如何保持最终＆lt;李＆gt;打开了？

Answer 1

我建议将值存储在cookie中，然后在页面加载时设置它。

首先，我建议你下载jQuery cookie插件here。这是一个很好的插件，它很小。设置值：

$.cookie("cookie_name", "cookie_value");

然后在document.ready上你可以提取值：

$.cookie("cookie_name);

并使用类似于当前点击功能的内容进行适当设置。

在页面更改时保持菜单扩展名打开

1 个答案: