我正在尝试根据正在查看的页面突出显示导航按钮(在菜单中)。这是我目前所拥有的:
var loca = String(document.location.href);
// Get document location and specific page.
if (loca) {
if(loca.search(RegExp("((/[\w]*)\.php)")) != -1) {
activate(loca.match(RegExp("((/[\w]*)\.php)").split("/").join("")));
} else {
activate("home");
}
}
// Activate a button
function activate(bName) {
$(".button[name=" + bName + "]").css({
"border-left": "1px solid white",
"border-right": "1px solid white"
});
}
我想要发生的是:
- 获取页面的URL
- 获取页面的具体文件名,如果没有找到,则在首页。
- 我尝试使用 jQuery 找到按钮的名称,如果名称与文件名匹配,则突出显示它。
事实是,这只会突出显示“主页”按钮。我究竟做错了什么?另外,如果您对我如何更好地完成此任务有任何建议,请告诉我!
最佳答案
我会得到这样的文件名,而不是:
var pathname = window.location.pathname.split("/");
var filename = pathname[pathname.length-1].split(".")[0];
alert(filename);
关于javascript - 根据位置突出显示按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5316309/