html - Superfish jquery 插件，高亮选中的菜单项

Question

我只是想知道在使用 superfish 插件时我可以使用什么更“非硬编码”的方法来突出显示当前选定的菜单。

例如这一个http://hicksdesign.co.uk/journal/highlighting-current-page-with-css看起来非常“硬编码方式”。

有人可能会建议一些更聪明的东西吗？

Answer 1

这就是我通常的做法 - 在 url 中的最后一个/之后获取当前页面，并突出显示与其匹配的链接。例如。此页面将返回 superfish-jquery-plugin-highlight-selected-menu-item

var path = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
$('ul#main-navigation li a[href="' + path + '"]').addClass('active');