随机'主动'导航标签(Bootstrap)

时间:2017-10-24 11:45:53

标签: javascript jquery twitter-bootstrap

如何使我的Bootstrap“nav-tabs”标签动态化并随机化文档加载(每次网站加载)?

我有以下架构: https://www.bootply.com/scKyFxqsNG

由于

2 个答案:

答案 0 :(得分:0)

您可以这样做:

$(document).ready(function(){

  //Generate random number

  var rand = Math.floor(Math.random()*3);

  //Select `li` at random and add a class

  $("#home-tabs-menu li").eq(rand).addClass('active');

  // Select `li a` at random and use .show();

  $("#home-tabs-menu li a").eq(rand).show();

});

答案 1 :(得分:0)

在每次加载时,使用javascript random来获取数字并根据结果设置活动类

 var i = Math.floor(Math.random() * 3) + 1  
 if(i == 1)
 $("#tab1").addClass(".active")