Jquery 引导导航栏交互式+；结构_Jquery_Twitter Bootstrap_Navbar

Jquery 引导导航栏交互式+；结构

jquery twitter-bootstrap

Jquery 引导导航栏交互式+；结构,jquery,twitter-bootstrap,navbar,Jquery,Twitter Bootstrap,Navbar,这是我的小提琴例子我有很多html文件，看起来像这样： <head> … </head> <body> <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/49714666/menuforJsFiddle2.js"></script> … <script> //some script stuff //... </script

这是我的小提琴例子

我有很多html文件，看起来像这样：

<head>
…
</head>
<body>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/49714666/menuforJsFiddle2.js"></script>
…
<script>
//some script stuff 
//...
</script>

</body>

而且，因为我有

href=“#”

在这行

但是，在我的真实示例中，我想在这一行中添加类似于

href=“pageName.html”

的内容，但这不起作用。我的意思是，所有3个（顶部菜单->小时->子菜单1）都不会突出显示。这就像它更改了

菜单jsfiddle2.js

以突出显示所单击的内容。但是它只是加载了

pageName.html

，并忘记了单击的内容。这是我的理解

我正在努力理解为什么以及如何才能让它发挥作用？我认为解决这个问题的模式可能是完全错误的

注意：我正在尝试实现的是multilple*.html文件，这些文件的顶部都有相同的导航栏，但当选择菜单中的链接时，它将显示该页面，菜单栏将显示所选的此链接。基本结构如下：

-HTML文件
-->*.html
-菜单

-->menu.js

嗯，你的意思是什么

我有一个定义导航栏的

html

文件。使用将其插入到页面中。然后在每个页面的顶部，我有一点js，基本上说“找到我所在的页面并突出显示它”

更多细节请看一下，这几乎正是我如何设置网站的。以下是相关的脚本：

<script type="text/javascript">
  // We're not using jquery because jquery isn't loaded yet.
  document.getElementById('navbar-first').setAttribute('class', 'active');
</script>


//我们没有使用jquery，因为jquery尚未加载。
document.getElementById（'navbar-first'）.setAttribute（'class'，'active'）；

<script type="text/javascript">
  // We're not using jquery because jquery isn't loaded yet.
  document.getElementById('navbar-first').setAttribute('class', 'active');
</script>