如何在圖像已經有href標籤時創建鏈接？

Question

我正在使用jQuery製作一排圖片標籤。將鼠標懸停在圖像上時，會顯示不同的內容。

但是在與用戶交談之後，他們中的很多人都試圖點擊圖像。我曾嘗試在圖像之前添加另一個href標籤，但是打破了懸停效果。

任何想法？以下是現有的代碼。

<li> 
    <a href="#tabs-1"><img src=media/home/Sales.png id="circleleft"></a> 
</li> 
<li> 
    <a href="#tabs-2"><img src=media/home/Integration.png id="circlecenterleft"></a> 
</li> 
<li> 
    <a href="#tabs-3"><img src=media/home/Sales1.png id="circlecenterright"></a> 
</li> 
<li> 
    <a href="#tabs-4"><img src=media/home/Blog.png id="circleright"></a> 
</li> 

Answer 1

不太標準，但如果你想，你可以添加一個onClick您<li>這是再形象包裝大火，重定向的頁面的功能。你<a>標籤仍然是一個更好的選擇，但是這應該工作

<li onclick="myFunction()">Click me</li> 

function myFunction() { 
    location.assign("http://www.mozilla.org"); 
} 

或哪裏是你的JS jQuery的方式

$("#target").click(function() { 
    alert("Handler for .click() called."); 
});