随机'active'导航选项卡(引导)

Question

如何使我的引导程序'导航选项卡'选项卡是动态的，并在文档加载（每次站点加载时）随机化活动选项卡？

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

谢谢

Answer 1

你可以做这样的事情：

$(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();
});

Answer 2

在每次加载时，使用 javascript 随机获取一个数字并根据结果设置活动类

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