当图像已经有一个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");
}

或jQuery方式

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