Javascript 带有活动选项卡的动态引导导航
我已经在Bootstrap 3.3.6上创建了我的项目,现在每当我单击任何菜单时,都会遇到导航问题,该菜单将按原样重置,但我想将其设置为活动选项卡。侧边栏也会出现同样的问题。我如何解决它 多谢各位Javascript 带有活动选项卡的动态引导导航,javascript,jquery,twitter-bootstrap,navigation,Javascript,Jquery,Twitter Bootstrap,Navigation,我已经在Bootstrap 3.3.6上创建了我的项目,现在每当我单击任何菜单时,都会遇到导航问题,该菜单将按原样重置,但我想将其设置为活动选项卡。侧边栏也会出现同样的问题。我如何解决它 多谢各位 <ul class="sidebar-menu"> <li class="header">HEADER</li> <!-- Optionally, you can add icons to the links --> <li class
<ul class="sidebar-menu">
<li class="header">HEADER</li>
<!-- Optionally, you can add icons to the links -->
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>
<li class="treeview">
<a href="#"><i class="fa fa-book"></i> <span>Admin</span> <i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="setting.php"><i class="fa fa-circle-o"></i> Setting</a></li>
<li><a href="adduser.php"><i class="fa fa-circle-o"></i> Add User</a></li>
<li><a href="users.php"><i class="fa fa-circle-o"></i> Users</a></li>
</ul>
</li>
</ul>
- 标题
-
您可以通过在选项卡的单击事件中写入这行代码来激活选项卡
$(此).addClass(“活动”)
在这里你可以找到一个例子
您可以通过在选项卡的单击事件中写入这行代码来激活选项卡 $(此).addClass(“活动”) 在这里你可以找到一个例子 有两种方法 首先(如果您的站点是静态的) 只需在每个页面上更改静态类“active”。 如果您有三个菜单-一、二、三,那么您将在随后打开的所有三个页面上设置
class=“active”
。比如说一个你有
one.html
两个你有two.html
,然后你必须按照菜单页面添加类,并从最后一个页面元素中删除类
秒(通过jQuery)
有两种方法
首先(如果您的站点是静态的)
只需在每个页面上更改静态类“active”。
如果您有三个菜单-一、二、三,那么您将在随后打开的所有三个页面上设置class=“active”
。比如说一个你有
one.html
两个你有two.html
,然后你必须按照菜单页面添加类,并从最后一个页面元素中删除类
秒(通过jQuery)
是的,如果您不在单击时重新加载页面,它将起作用。我认为,在这里,这将是有益的是的,它会工作,如果你不重新加载点击页面。我认为,在这里,这将是有益的
$(document).ready(function () {
$("PreviousElementName").removeClass("active");//removes last manu item class
$('CurrentElement').addClass('active'); // adds new menu item class
});