Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导导航滑块_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 引导导航滑块

Jquery 引导导航滑块,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,如何创建导航滑块。更准确地说,这里有标准导航栏和三项:主页、关于和联系。主项目设置为活动。 如何在活动项下方创建滑块 然后,当我单击“关于”时,白线应该移动到新的活动元素。假设没有后端为您执行此操作,您将需要一些javascript来操作导航并更新到活动元素: $('.menu li a').click(function(e) { var $this = $(this); if (!$this.hasClass('active')) { $this.addClass('acti

如何创建导航滑块。更准确地说,这里有标准导航栏和三项:主页、关于和联系。主项目设置为活动。 如何在活动项下方创建滑块


然后,当我单击“关于”时,白线应该移动到新的活动元素。

假设没有后端为您执行此操作,您将需要一些javascript来操作导航并更新到活动元素:

$('.menu li a').click(function(e) {
  var $this = $(this);
  if (!$this.hasClass('active')) {
    $this.addClass('active');
  }
  e.preventDefault();
});
摘自。下次询问前请先搜索