Question

我在尝试使用boostrap标签导航时尝试加载页面，但它不起作用。我尝试通过创建类名preventDefault并使用jQuery来覆盖默认操作，但它仍然无法正常工作。

我的代码如下所示：

<div id="wrapper">

  <!--About section-->

  <div class="row">
    <div class="col-sm-12">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#profile" class = "preventDefault" aria-controls="account" role="tab" data-toggle="tab">Profile</a></li>
          <li role="presentation"><a href="#settings" class = "preventDefault" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane active" ng-view>
            information
          </div>
        </div>
    </div>
  </div>
  <!--About section-->

<!--jQuery-->
<script src = "http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<script type="text/javascript">
  $('.preventDefault').click(function(e) {
    e.preventDefault();
  });
</script>

我的目标是将ngRoute与Angular一起使用，因此我无法使用标准制表符系统。

Answer 1

我没有在标签窗格中看到目标ID，例如id="profile"

      <div role="tabpanel" class="tab-pane active" ng-view id="profile">
        information
      </div>

引导选项卡中的链接不起作用

1 个答案: