2015-04-28 42 views
-1

如何將class="selected"包含在不同的頁面中?更改<a>更改頁面時的課程地點

我的代碼:

    <li><a href="index.html" class="selected">Home</a></li>        
        <li><a href="register.html">Register</a></li>                  
        <li><a href="faq.html">FAQ</a></li> 

所以以後我想去其他頁面做類似的東西

    <li><a href="index.html" >Home</a></li>        
        <li><a href="register.html" class="selected">Register</a></li>                  
        <li><a href="faq.html" >FAQ</a></li> 

PS:我用header.php,管理

中的所有頁面頁面使用:

// include header 
require_once(SITE_TEMPLATES_PATH . '/partial/_header.inc.php'); 

任何人都可以告訴我我該怎麼做?

+0

嗨,你可以使用一個簡單的jQuery代碼,我會給你一個例子 –

回答

1

,你可以用一個簡單的jQuery代碼先不要忘了將它添加到你的頭標記:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 

那麼你可以使用這個腳本:

$(document).ready(function() { 
var path = window.location.pathname; 
var page = path.split("/").pop(); 
//nav is the nav tag if you are putting your links in a nav if not you can use a selector of class or id 
$("nav a").each(function(){ 
var x=$(this).attr("href"); 
if((x.indexOf(page)!=-1)&&(page!="")){ 
$(this).parent().addClass("selected"); 
} 
}); 
}); 
1

您可以用它做這樣的PHP:

<?php $page = basename($_SERVER['SCRIPT_NAME']); ?> 

<li><a href="index.html" <?php if ($page=='index.html') 
     echo ' class="selected"'; ?>>Home</a></li>        
<li><a href="register.html" <?php if ($page=='register.html') 
     echo ' class="selected"'; ?>>Register</a></li>                  
<li><a href="faq.html" <?php if ($page=='faq.html') 
     echo ' class="selected"'; ?>>FAQ</a></li>