發佈頁面後更改所選標籤的顏色

Question

我有一些標籤。

<a class="aclass" href="~/product/explain?id=1"> item1</a> 
    <a class="aclass" href="~/product/explain?id=2"> item2</a> 
    <a class="aclass" href="~/product/explain?id=3"> item3</a> 

我想當用戶點擊任何標籤時，它的顏色會變成紅色。 我寫下鱈魚。但是當頁面發帖時，標籤會失去它的顏色（紅色）。

<script type="text/javascript"> 

//$('.aclass').click(function (e) { 
$('.aclass').live("click", function (e) { 
    $('.aclass').css("color", "#47b2ed"); 
    $(this).css("color", "red"); 
}); 

</script> 

stye.css：

當然

aclass { 
color:#47b2ed; 
text-decoration:none; 
} 

Answer 1

<script type="text/javascript"> 

//$('.aclass').click(function (e) { 
$('.aclass').aclass.live("click", function (e) { 
$('.aclass').aclass.css("color", "#47b2ed"); 
$(this).aclass.css("color", "red"); 
}); 

</script>0;} 

Answer 2

是它並非如此。在服務器端，沒有采取措施來呈現不同顏色的鏈接。它只在客戶端（您的瀏覽器）上完成。

您正在發送信息，鏈接被點擊到服務器（通過href）。在服務器端，你需要使用一種編程框架，如PHP發送不同的HTML代碼返回給客戶端中的被點擊的鏈接信息

例如用PHP

<?php 
$id = intval($_GET['id']); 
?> 
<a class="aclass<?php print $id == 1 ? ' active' : ''?>" href="~/product/explain?id=1"> item1</a> 
<a class="aclass<?php print $id == 2 ? ' active' : ''?>" href="~/product/explain?id=2"> item2</a> 
<a class="aclass<?php print $id == 3 ? ' active' : ''?>" href="~/product/explain?id=3"> item3</a> 

方面並添加紅色到在CSS

aclass.active { 
    color:red; 
} 

Answer 3

如何生根粉這一個： -

a.aclass:link {color:#FF0000;}  /* unvisited link */ 
a.aclass:visited {color:#00FF00;} /* visited link */ 
a.aclass:hover {color:#FF00FF;} /* mouse over link */ 
a.aclass:active {color:#0000FF;} /* selected link */ 

DEMO