如果页面处于活动状态，请更改navbar listitem的类别？

Question

如果页面处于有效状态，请更改nav li的等级？

我试过这个：

var page = 'home';
if (page == $("#home").value) {
    $( "#NavHome" ).addClass( "active" );
};

和html：

<li id="NavHome">
  Home
</li>

在页面上我做了这个：

<input type="hidden" id="home" value="home">

我想如果页面处于活动状态，#NavHome的类是活动的，如果没有，则不要将类设置为活动..

有人可以帮助我，还是有更好的解决方案？

---

那些对我没有帮助：

• Uncaught TypeError: Cannot set property 'className' of null
• How to fire an event on class change using jQuery?
• Get the page file name from the address bar

Answer 1

在检查jQuery对象的值时，使用jQuery方法：

if (page == $("#home").val()) {
    $("#NavHome").addClass("active");
};

Demo

Answer 2

试试这个 -

switch ($("#home").val())
{
   case "home":
         $('#NavHome').addClass('active');
         break;
}