Question

我网站标题/导航中的链接由于某种原因无效。我认为它与我正在使用的CSS有关，但我跟随代码完全像在Bootstrap的文档站点上一样。有人可以帮我解决这个错误吗？

您可以在此处查看完整网站：http://kaybesee.com/mb

这是我的HTML：

<div id="nav-wrapper">
<nav class="navbar" role="navigation" data-spy="affix" data-offset-top="1000" data-offset-bottom="200">
<div class="container">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#"><img src="img/logoTextRight.png" class="img-responsive"></a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="" id="navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li class="nav-button"><a href="#portfolio">Portfolio</a></li>
      <li class="nav-button"><a href="#about-us">About Us</a></li>
      <li class="nav-button"><a href="#contact">Contact</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->
  </div>
</nav>
</div><!-- #nav-wrapper -->

Answer 1

相信这是相关的，您的e.preventDefault点击li就会在您的索引上line 36。我真的没有看到这个原因，但由于你的锚在里面，锚点击事件永远不会发生。

删除e.preventDefault（）;

  $('ul.nav > li').click(function (e) {
        e.preventDefault();

Answer 2

您应该将页面ID与CSS中的Tab ID相匹配。我认为bootstrap nav类存在一些错误。有关更多信息，请参阅此文章。 http://webdesign.about.com/od/layout/a/aa042307.htm。

引导程序导航链接不起作用

2 个答案: