頁面加載時活動選項卡背景發生變化

Question

我試過這段代碼，在點擊時改變li標記的background-color。當我們:hover或點擊時，它正在更改background-color，但當它導航到頁面時，它不會保持不變，它會顯示爲默認顏色。 基本上我想要一個活動標籤背景顏色，但我已經提到它在頁面刷新（重新加載）時回到它的默認顏色。

請指教。

<script src="http://code.jquery.com/jquery-1.7.2.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.nan_canada').on('click','.menuil',function() { 
      $(this).addClass('selected') 
      }); 
     }); 
    </script> 

<div class="nan_canada"> 
    <ul > 
     <li class="menuil" ><a href="a.php">Resume Template & LinkedIn Podcasts</a></li> 
     <li class="menuil"><a href="jas.php" >Job Postings </a></li> 
     <li class="menuil"><a href="a.php"> Search Firms</a></li> 
     <li class="menuil"><a href="aj.php" target="_blank"> nav</a></li> 
     <li class="menuil"><a href="books.php">Book List </a></li> 
     <li class="menuil"><a href="#"> Order Free Book </a></li>    
     <strong><font size="4" style="float:right; padding-right:10px;"><a href="at.php" style="color:#fff;">Log Out</a></font></strong> </ul> 
    </div> 

    <style type="text/css"> 
     .menuil { 
       color:#000000; 
     } 
     .menuil #selected_step_box, 
     .QuickStartLong:hover { 
       background-color: #fff; !important 
     } 
     .selected { 
       background-color : #fff; 
     } 
    </style> 

Answer 1

其實它，因爲重定向，當你點擊它，你重定向鏈接到一個新的page.And從開始加載每次腳本。有一件事你可以做（​​根據我的知識）。

把一個唯一的id放到每個列表項中，有些事情是這樣的。

<li class="menuil" id='l1'><a href="a.php">Resume Template & LinkedIn Podcasts</a></li> 
                . 
                . 
                . 

創建一個js文件並將其包含到所有列表頁面。

var page = $(location).attr('href');//use string function to get page name 

switch(page) 
{ 
    case 'youpage1': 
    $('#l1').addClass('selected'); 
    break; 
    case 'youpage2': 
    $('#l2').addClass('selected'); 
    break; 
    . 
    . 
    . 
}