jquery - 如何在导航列表(twitter bootstrap)中保留事件链接？

Question

我想在单击链接时显示事件链接(例如，当用户使用 link1 时该链接保持事件状态)(我正在使用带有 Twitter bootstrap 的 Symfony2)

<ul class="nav nav-list">
  <li class="active"> <a href="/link1">Link</a> </li>
  <li class=""> <a href="/link2">Link</a> </li>
  <li class=""> <a href="/link3">Link</a> </li>        
</ul>

编辑
菜单的模板作为一个 block 导入到每个页面中(我使用的是 twig)，例如对于 link1.html.twig，我会:
{% 包含 menu.html.twig %}

代码 html ...

等等

任何帮助将不胜感激。

Answer 1

这应该有效:)

JQuery

var x = $(location).attr('href').replace( 'http://yourdomain.com' , ""); // Step 1
$('a[href="' + x + '"]').addClass('active'); // Step 2

编辑

说明

(步骤 1)几乎您正在捕获 x 变量“http://yourdomain.com/page.html”中的完整 url 和页面名称，删除域名“http://yourdomain.com”留下你与'/page.html'

(步骤 2)匹配值为“/page.html”的链接并向其添加“active”类