javascript - 为什么我的 Bootstrap 导航栏变成斜体而不是将事件类添加到事件选项卡？

Question

我的 Bootstrap 导航栏添加了一个跨度并将事件选项卡设为斜体，而不是仅仅将事件类添加到事件选项卡。我的代码如下:

 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Wutup?!</a>
      <div class="nav-collapse">
      <wicket:link>
            <ul class="nav">
              <li><a href="NearbyEvents.html">Nearby Events</a></li>
              <li><a href="Index.html">My Events</a></li>
              <li><a href="ManageEvents.html">Manage My Events</a></li>
              <li><a href="AboutPage.html">About</a></li>
            </ul>
        </wicket:link>
      </div>
    </div>
  </div>
</div>

行为可以在这里看到:screenshot

Answer 1

当您使用 wicket 自动链接功能(即 wicket:link)时，它会生成 span 而不是将类添加到您的 HTML。例如，如果“我的晚宴”是事件页面，则可能如下所示:

<ul class="nav">
    <li><a href="NearbyEvents.html">Nearby Events</a></li>
    <li><span><em>My Events</em></span></li>
    <li><a href="ManageEvents.html">Manage My Events</a></li>
    <li><a href="AboutPage.html">About</a></li>
</ul>

如果你想避免这种情况，你不应该使用自动链接功能，或者只是更改 css 以适应生成的 wicket 的 html。