jQuery的CSS - 許多A HREF鏈接，但一個動作

-2

編輯：解決了，感謝您的幫助，我的作品： http://jsfiddle.net/c3AeN/1/通過SudharsanjQuery的CSS - 許多A HREF鏈接，但一個動作

我有很多我的頁面上的鏈接和所有的人都格式像這樣： edit：format'like this'意思是所有鏈接都有相同的類，只有不同的id和文本。

$(".do_it").click(function(){ 
// here I get id from link and go to chosen site 
} 

<a href="#" class="do_it" id="999">link1</a> 
<a href="#" class="do_it" id="998">link2</a> 
. 
. 
. 

<a href="#" class="do_it" id="1">link999</a>

當然有一些行動取決於id和問題是當用戶點擊一個，都變成了紫色。是否有任何簡單的解決方案，使只有紫色，這是什麼點擊？ // Sry for my eng

來源

2014-07-04 user3506652

無法理解question.Please張貼代碼 –

-1這是一個可怕的問題，什麼是「格式是這樣的：。鏈接1鏈接2」對初學者意味着什麼？ –

如果您無法正確描述問題，請至少提供該網站的鏈接。 –

在您的CSS中，使鏈接（已訪問）與鏈接顏色相同。

a { 
    color: #00f; 
} 
a:visited { 
    color: #00f; 
} 
.visitedLink { 
    color: #f00; /* your color */ 
}

創建所需顏色的一類，而在jQuery的，在點擊一個，添加類：

$(".mylink").click(function() { 
    $(this).addClass("visitedLink"); 
    //do rest of code 
});

來源

2014-07-04 10:30:31 Cheshire

的背景下，沒有必要的jQuery。你只需在CSS幹過這樣的

a:visited{ 

    color : purple// give any color 
}

也看到，

a { 
    color: blue; 
    text-decoration: underline; 
} 

a:active { 
    color: yellow; 
    text-decoration: none; 
} 

a:link { 
    color: blue; 
    text-decoration: underline; 
} 

a:visited { 
    color: purple; 
    text-decoration: none; 
} 

a:focus { 
    color: red; 
    text-decoration: none; 
} 

a:hover { 
    color: red; 
    text-decoration: none; 
}

來源

2014-07-04 10:30:41

好的，但是當我刷新我的瀏覽器時，它不工作。 – user3506652

它會一直工作 - http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_visited –

看這裏，如果你可以：http://jsfiddle.net/c3AeN/它是如何做到當所有鏈接被訪問？ – user3506652

只需添加不同的href每一個環節：

<a href="#1">1</a><br> 
<a href="#2">2</a><br> 
<a href="#3">3</a><br> 
<a href="#4">4</a><br>

編輯：沒有onclick處理程序返回false ，否則該鏈接實際上未被訪問。但是這意味着如果用戶已經滾動，每次點擊就會重置到頁面的頂部。

來源

2014-07-04 10:31:28 jcaron

這是最好的答案，因爲所有其他的CSS解決方案似乎都沒有意識到'href ='＃''對於所有鏈接都是一樣的，因此如果他「訪問」1，他們都會得到'visited'CSS！ –

好吧，如果我不能有不同的href，這是不可能的？ – user3506652

如果您使用相同的href，您需要使用其他CSS/JQuery解決方案之一。請記住，對於啓用了JS的用戶，如果'onclick'處理程序返回'false'，那麼鏈接將不會被訪問。儘管如此，機器人仍然會（嘗試）訪問該鏈接，但要想出一個URL並不困難（您可能只需使用「？dummy = 1」，「？dummy = 2」等任何東西否則這只是由您的服務器忽略）。 – jcaron

a.do_it:visited{ 

    color : #800080; 
}

來源

2014-07-04 10:32:56

jQuery的CSS - 許多A HREF鏈接，但一個動作

回答

相關問題