JQuery页面加载：活动类

我有一些JQuery将类设置为activeonclick。但是，当我加载页面时，直到我单击其中一个列表项，任何内容都不会处于“活动”状态。是否有一种方式可以在页面加载时选择

当前JQuery：

   $(".setup-nav").on( "click", "li", function() {
    $(".setup-nav li.active").removeClass("active");
    $(this).addClass("active");
   });

---

只需将活动添加到HTML项目中

<ul class="setup-nav">
    <li class="active">This is your fist active item</li>
    <li>Second Item</li>
</ul>

---

只需将活动添加到HTML项目中

<ul class="setup-nav">
    <li class="active">This is your fist active item</li>
    <li>Second Item</li>
</ul>

---

您可以更改代码以提供代码，并进行一些更改以实现：）

$（“.setup nav li”）。单击（函数（）{
$（“.setup nav li”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
ul.setup-nav-li{
背景：#FFF；
颜色：#666；
光标：指针；
}
.设置导航。激活{
背景:#666；
颜色：#FFF；
}



ABC
ABC
ABC
您可以更改您的代码，使代码具有一些要实现的更改：）


$（“.setup nav li”）。单击（函数（）{
$（“.setup nav li”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
ul.setup-nav-li{
背景：#FFF；
颜色：#666；
光标：指针；
}
.设置导航。激活{
背景:#666；
颜色：#FFF；
}



ABC
ABC
ABC
您可以使用
localStorage

 $(document).ready(function(){

     var active = parseFloat(localStorage.getItem("activeLi"));
     $(".setup-nav li:nth-child(" + active + ")").addClass("active");

     $(".setup-nav").on("click","li",function(){

         $("li").removeClass("active");

         $(this).addClass("active");

         localStorage.setItem("activeLi",$(this).index() + 1);

     })
 })

您可以使用
localStorage

 $(document).ready(function(){

     var active = parseFloat(localStorage.getItem("activeLi"));
     $(".setup-nav li:nth-child(" + active + ")").addClass("active");

     $(".setup-nav").on("click","li",function(){

         $("li").removeClass("active");

         $(this).addClass("active");

         localStorage.setItem("activeLi",$(this).index() + 1);

     })
 })

呃。。。对将一个设置为活动状态…嗯。。。对将一个设置为活动状态…这会一直工作，直到我重新加载页面，页面保持在同一页面上，但在错误的列表项上返回活动状态。当然会。您需要确定您所在的页面，以便动态选择加载时处于活动状态的页面。这是一个完全不同的问题。关于你的问题，这是答案。你需要发布你的代码，你使用的框架等等。。为了回答一个活跃的页面加载问题，@CameronBass，我想您正在使用Firefox。这就是它发生的原因。我将更新这个答案。谢谢@Mojtaba！直到我重新加载页面，页面保持在同一页面上，但在错误的列表项上返回活动状态，这才起作用。您需要确定您所在的页面，以便动态选择加载时处于活动状态的页面。这是一个完全不同的问题。关于你的问题，这是答案。你需要发布你的代码，你使用的框架等等。。为了回答一个活跃的页面加载问题，@CameronBass，我想您正在使用Firefox。这就是它发生的原因。我将更新这个答案。谢谢@Mojtaba@Epik，检查我的Answer@Epik，检查我的答案