如何根据URL的启动方式将类添加到菜单项?

时间:2012-09-15 13:40:38

标签: jquery menu addclass

在我的网站目录“foto”中我有很多篇文章以网址“http://example.com/foto/article-name”或“http://example.com/tech/article-name”开头

我有一个带有网址“http://example.com/foto/”的菜单项。

如果在这些文章没有菜单链接的情况下显示其中一篇文章,如何突出显示我的菜单项“FOTO”。换句话说,我想有一个条件:

如果网址以“http://example.com/foto/”hightlight菜单项 FOTO 开头 或者,如果网址以“http://example.com/ 演示”开头,则突出显示菜单项视频

这意味着文章和菜单项的网址可能无法启动相同的网址。

提前致谢

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作:

var url = window.location.href; // Get the current URL

// Check for foto inside URL //
if (url.indexOf("foto") != -1​){
    alert('foto');

    // Add selected class to menu item //
    $('#menu_item_id').addClass('selected');
}​​​​​​​

然后,您可以简单地为其他菜单项标题添加其他检查。

我希望这有帮助!