2010-09-14 186 views
0

是否有代碼片段可以檢測當前用戶的頁面,然後將<a class="active">添加到ul(我的菜單)中的項目。我正在做一個tumblr主題,他們不允許PHP(我通常在我的菜單中添加<?php if ($current == "home") { echo "class='active'" } ?>,在我的頁面上添加$current = "home"),並且它們沒有標準(如current_page_item),所以我需要使用javascript(或jQuery)只要。可能嗎?檢測當前頁面

回答

0

對於HTML而言,這是不可能的,但應該直接用JQuery來處理,而只用JavaScript來處理一下就困難了。

這裏是依靠jQuery和解決方案URL parser plugin:假設你有你的文件名需要的信息(例如:page1.html通過ID =「第1頁」 refered)

$(document).ready(function() { 
    var pathname = window.location.pathname; 
    var page = jQuery.url.attr('file').replace(".html", ""); 
    $('#' + page).addClass("active"); 
}); 
+0

對不起。我對jQuery並不擅長。我怎樣才能檢測到我的網頁? – Christopher 2010-09-14 21:29:25

+0

您需要下載jQuery和網址插件,在您的HTML頭這樣引用它們: <腳本類型= 「文/ JavaScript的」 SRC = 「JS/jquery.js和」/> <腳本類型=」 text/javascript「src =」js/jquery.url.js「/>然後我給你的代碼應該檢測當前頁面。 – Damien 2010-09-14 21:52:31

+0

它會按原樣檢測它,還是需要做任何更改? – Christopher 2010-09-14 22:56:06

相關問題