jQuery在位置上添加类

Question

我正在尝试添加一个活动类,它只是一个li元素的边框,具体取决于加载的页面,但是我遇到了让它正常工作的问题.活动类确实应用但它似乎适用于所有li元素,而不仅仅是直接链接到相关页面的元素.

只是无法解决我在这里失踪的问题.

谢谢

<ul class="main-nav">
      <li id="page1"><a href="index.php">Index</a></li>
      <li id="page2"><a href="test1.php">test1</a></li>
      <li id="page3"><a href="test2.php">test2</a></li>
      <li id="page4"><a href="test3.php">test3</a></li>
    </ul>

.active {
  border: 1px solid #fff;
}

  switch (window.location.pathname) {
    case '/myfolder/index.php':
      $('.main-nav #page1').addClass('active')
    case '/myfolder/projects.php':
      $('.main-nav #page3').addClass('active')
    case '/myfolder/contact.php':
      $('.main-nav #page4').addClass('active')

    }

Answer 1

您需要在不同情况之间添加中断,否则它们都会被执行.

switch (value) { 
  case '1': 
      alert('1');
      break;
  case '2': 
      alert('2');
      break;
  default:
      alert('other');
}