检测当前页面

Question

是否有代码段可以检测当前用户的页面，然后将<a class="active">添加到ul（我的菜单）中的项目。我正在做一个tumblr主题，他们不允许PHP（我通常在我的菜单中添加<?php if ( $current == "home" ) { echo "class='active'" } ?>并在我的页面上添加$current = "home"）并且他们没有标准（例如current_page_item）所以我需要仅使用javascript（或jQuery）执行此操作。有可能吗？

Answer 1

仅使用HTML是不可能的，但是应该直接使用JQuery，而只使用javascript有点困难。

这是一个依赖于JQuery和URL parser plugin:的解决方案，假设您在文件名中有所需的信息（例如：id =“page1”引用的page1.html）

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