активное меню с плагином jquery - PullRequest
0 голосов
/ 04 декабря 2011

HTML

<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

$(".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 также показывал субнав. если щелкнуть какой-либо субнав, субнав останется открытым, а если другая ссылка нажмет на главное меню, то субнав появится, а затем загрузит новую страницу.

Надеюсь, я проясню свой вопрос.

Я очень ценю вашу помощь

1 Ответ

0 голосов
/ 04 декабря 2011

Если я правильно понял, может, это сработает?

поставьте перед кодом js:

var aboutSubPages = ["contact.html", "team.html", "partners.html"];

, затем измените

if (e == "about.html") {

на:

if (e == "about.html" || $.inArray(e, aboutSubPages) > -1) {

    ...
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...