使整個div可點擊，而不是其中的鏈接

Question

因此，我正在制作一些網格來顯示產品，並希望使整個div標簽可單擊，而不是僅單擊其中的超鏈接。

什么是做到這一點的最佳和最簡單的方法。 我發現了一些我寧願不使用的復雜解決方案，因為我想使這些div變得可點擊。

任何建議都非常歡迎！

Answer 1

不知道您在說什么復雜的例子，但是您將需要使用類似jQuery的東西：

給div一個類：

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

在頁面加載中，使用選擇器連接處理程序：

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href"); 
     return false;
});

參見http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

Answer 2

您可以使整個div可單擊，而不僅僅是其中的內容。 像這樣放：

<a href="http://www.google.com"><div id="mydiv"> Blah Blah </div></a>

而已。 這是JS Fiddle： JSFiddle