CSS当前类没有被删除

Question

我有以下菜单，我想根据url设置一个当前类，但它不工作，有谁知道为什么甚至更好的方式来实现这一点，谢谢： HTML -

<ul class="dropdown"> 
         <li><a id="home" href="/">Home</a></li> 
         <li> 
          <a id="hospitals" href="/hca-hospitals">HCA Hospitals</a> 
          <ul class="sub_menu"> 
           <li id="one"><a href="/hca-hospitals/hospitals-and-outpatients">Hospitals and Outpatients</a></li> 
           <li id="two"><a href="/hca-hospitals/treatments">Treatments</a></li> 
          </ul> 
         </li> 
         <li> 
          <a id="benefits" href="/platinum-choice-benefits">Platinum Choice Benefits</a> 
          <ul class="sub_menu"> 
           <li id="one"><a href="/platinum-choice-benefits/download-voucher">Download Voucher</a></li> 
           <li id="two"><a href="/platinum-choice-benefits/where-you-can-go">Where you can go</a></li> 
          </ul> 
         </li> 
         <li> 
          <a id="find" href="/find-a-hca-consultant">Find a Consultant</a> 
         </li> 
         <li> 
          <a id="contact" href="/contact-hca">Contact</a> 
         </li> 
    </ul> 

CSS -

ul.dropdown li a.current { color: #66c2c0;} 

JQuery的 -

var pathname = $(location).attr('href'); 

     if (pathname = "/contact-hca") { 
      $("ul.dropdown li a#contact").addClass("current"); 
      $("ul.dropdown li a#find").removeClass("current"); 
     } 
     if (pathname = "/find-a-hca-consultant") { 
      $("ul.dropdown li a#find").addClass("current"); 
      $("ul.dropdown li a#contact").removeClass("current"); 
     } 

Answer 1

有啊重新使用=而不是===，其实际分配pathname，而不是比较它。解决这个问题。

if (pathname === "/contact-hca") { 
    $("ul.dropdown li a#contact").addClass("current"); 
    $("ul.dropdown li a#find").removeClass("current"); 
} else if (pathname === "/find-a-hca-consultant") { 
    $("ul.dropdown li a#find").addClass("current"); 
    $("ul.dropdown li a#contact").removeClass("current"); 
} 

Answer 2

在代码中，你使用if (pathname = "/contact-hca")，这是不对的，因为=代表赋值，并要比较值，这是==或===的平等。我会建议你使用后者，因为它的速度更快，它的字面比较，它的作品更加坚固，例如：

5 == '5' // true 
5 === '5' // false 

所以，你应该有以下修改代码：此外

var pathname = $(location).attr('href'); 

if (pathname === "/contact-hca") { 
    $("ul.dropdown li a#contact").addClass("current"); 
    $("ul.dropdown li a#find").removeClass("current"); 
} 
if (pathname === "/find-a-hca-consultant") { 
    $("ul.dropdown li a#find").addClass("current"); 
    $("ul.dropdown li a#contact").removeClass("current"); 
} 

，我建议您学习如何使用开发人员控制台（每个浏览器都有自己的），这将帮助您确定代码中的问题和问题。