根据模板更改引导程序导航栏

时间:2015-06-29 14:48:23

标签: javascript jquery html angularjs twitter-bootstrap

所以,我希望在我的网站上的每个页面上都有相同的默认引导程序导航栏。如果我更改了一个页面的名称(例如:第1页),我希望在所有页面中更改它。根据我的理解,我可以使用jQuery单独加载标题。但是,这似乎不会为当前活动的页面拉出“活动”类。如何仅在当前活动的页面上具有“活动”类。

仅供参考,我正在使用AngularJS框架。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Case</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="">Home</a></li> <!-- Change this ".active" class-->
        <li><a href="/page1">Page 1</a></li>
        <li><a href="/page2">Page 2</a></li>
        <li><a href="/page3">Page 3</a></li>
      </ul>
    </div>
  </div>
</nav>
  
</body>
</html>

编辑:此外,其他网页的链接也会发生变化。例如,如果我在第1页上,则指向主页的链接为"../",指向第2页的链接为"../page2",指向自身的链接为""

1 个答案:

答案 0 :(得分:0)

我不知道AngularJS,但我在我的网站上使用这个javascript:

'AADSTS50001: Resource 'https://outlook.office365.com/' is disabled.'