2011-12-04 30 views
0

HTML活動的菜單與jQuery插件

<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); 
} 

在上面的代碼中,我試圖讓網址,並添加類,如果當前頁面處於活動狀態。 但在about.html,我期待保持navselect也顯示subnav。 如果有任何點擊subnav,subnav將保持打開,如果其他鏈接點擊主菜單,然後subnav會滑動然後加載新頁面。

我希望我清楚我的問題。

我真的很感謝你的幫助

回答

0

如果我的理解是正確的,也許這將做的工作? js代碼之前

地說:

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

然後更改

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

到:

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

    ... 
+0

感謝@denu :),我怎能類的about.html ,並在關於的子頁面添加新的類? – x16

+0

你可以試試這個: 變化: '$回報(本).attr( 「HREF」)== CURRENTURL [currentURL.length-1];' 到: 'CURRENTURL = CURRENTURL [currentURL.length- 1]; if($(this).attr(「href」)==「about.html」&& $ .inArray(currentURL,aboutSubPages)> -1) 返回$(this).attr(「href」)== currentURL;' 它沒有測試,讓我知道如果這工作 – denu