當我點擊主菜單上的子菜單應在PHP

Question

從很多天強調在嘗試這一點，但沒有結果，請幫助我，當我主菜單的子菜單上，單擊在PHP應突出。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#cssmenu a').each(function (index) { 
      console.log(this.href); 
      if (this.href.trim() == window.location) { 
       //check if 1st level, then below condition 
       //if(this.class() != "has-parent") 
       //{ 
       // $(this).addClass("active"); 
       //} 
       //if not first level, assign active to parent of this 
       //if(this.class()= "has-parent") 
       //{ 
       $(this).addClass("active"); 
       //}  
      } 
     }); 
    }); 
</script> 
<style> 
    .active { 
     background: #4FA9E4; 
     color: #FFF; 
     display: block; 
    } 
</style> 
<div id="cssmenu"> 
    <ul> 
     <li class="has-sub"><a href="company.php">Company</a> 
      <ul> 
       <li class="has-parent"><a href="a.php">a</a> 
       </li> 
       <li><a href="b.php">b</a> 
       </li> 
      </ul> 
     </li> 
     <li class="has-sub"><a href="patners.php">Patners</a> 
      <ul> 
       <li><a href="c.php">c</a> 
       </li> 
       <li><a href="d.php">d</a> 
       </li> 
      </ul> 
     </li> 
     <li><a href="contactus.php">Contact Us</a> 
     </li> 
    </ul> 
</div> 

Answer 1

您應該處理click事件或您感興趣的其他事件，並在事件處理程序中切換類。

$(document).ready(function() { 
    $('#cssmenu ul ul a').click(function (e) { 
     //e.preventDefault(); 
     $(this).parents('li.has-sub').find('>a').toggleClass('active'); 
    }); 
}); 

檢查jsFiddle example。