2010-09-14 91 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