首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带有jquery插件的活动菜单

带有jquery插件的活动菜单
EN

Stack Overflow用户
提问于 2011-12-04 07:51:52
回答 1查看 369关注 0票数 0
代码语言:javascript
复制
<div id="nav" class="span-15 last push-3 prepend-top nav">
    <ul>
        <li><a href="membership.php">membership</a></li>    
        <li><a href="../download.html">downloads</a></li>
        <li><a href="../news.html">media center</a></li>
        <li><a href="../careers.html">careers</a></li>
        <li><a href="../solutions.html">Our Offerings</a></li>
        <li><a href="../about.html">About US</a></li>
        <li><a href="../home.html">Home</a></li>
    </ul>
    <ul id="subnav_about" class="subnav span-15 bg">
        <li><a href="contact.html">Contact</a></li>
        <li><a href="team.html">Our Team</a></li>
        <li><a href="partners.html">Our partners</a></li>
        <li><a href="mission.html">Our Mission</a></li>
        <li><a href="objective.html">Our Objective</a></li>
        <li><a href="profile.html">Company Profile</a></li>
    </ul>
</div>

jQuery

代码语言:javascript
复制
$(".nav a").filter(function() {
    var currentURL = window.location.toString().split("/");
    return $(this).attr("href") == currentURL[currentURL.length-1];
}).addClass("navselect");

if ($(".nav a").hasClass("navselect") == false) {
    $(this).addClass("navsvelect");
}

var url = window.location.toString().split("/");
var e = url[url.length - 1];
if (e == "about.html") {
    $('#subnav_about').slideDown(1000).delay(200).fadeIn(600);
} else {
    $('#subnav_about').slideUp(1000).fadeOut(600);
}

在上面的代码中,如果当前页面处于活动状态,我将尝试获取URL并添加类。但是在about.html中,我希望保持navselect也显示子导航。如果任何点击子导航,子导航将保持打开,如果另一个链接点击主菜单,那么子导航将滑动,然后加载新的页面。

我希望我能澄清我的问题。

我真的很感激你的帮助

EN

回答 1

Stack Overflow用户

发布于 2011-12-04 09:32:52

如果我正确理解的话,也许这就能完成任务了?

放在js代码之前:

代码语言:javascript
复制
var aboutSubPages = ["contact.html", "team.html", "partners.html"];

然后改变

代码语言:javascript
复制
if (e == "about.html") {

至:

代码语言:javascript
复制
if (e == "about.html" || $.inArray(e, aboutSubPages) > -1) {

    ...
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8374019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档