jquery - 水平子导航查询

Question

我正在使用下面的脚本在鼠标悬停时进行子导航，效果很好，但有一件事我想做，那就是在某个页面上，我希望它可见!

换句话说，当您单击具有子导航的内容页面时，您在主页上滚动并显示子导航，子导航意味着始终可见，并且在滚动时显示在顶部的子导航... . 如果这能制造场景？

$(document).ready(function() {
    $("ul#topnav li").hover(function() { //Hover over event on list item
        $(this).find("div").show(); //Show the subnav
    } , function() { //on hover out...
        $(this).css({ 'background' : 'none'}); //Ditch the background
        $(this).find("div").hide(); //Hide the subnav
    });
});

iv 制作页面的方式是使用包含文件 (inc.mainnav.php)

我正在考虑使用 .find.attr(class).cur 之类的东西。cur 是当前导航页面。 但是js不是那么好...

希望有人能帮忙???

Answer 1

给你的当前/事件标签一个类<li class="active">并且只有

的 css 规则

ul#topnav li.active div{display:block;}

最好用css而不是JS来做