html - 使整个 div 可点击,而不是其中的链接

标签 html css click

所以我正在制作一些网格来显示产品,并希望使整个 div 标签可点击,而不仅仅是其中的超链接。

什么是最好和最简单的方法来做到这一点。我发现了一些复杂的解决方案,但我不想使用它们,因为我有很多这样的 div,我想使其可点击。

非常欢迎任何建议!

最佳答案

不确定你在谈论什么复杂的例子,但你需要使用像 jQuery 这样的东西:

给 div 一个类:

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

并在页面加载中,将处理程序与选择器 Hook :

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

参见http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

关于html - 使整个 div 可点击,而不是其中的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24979268/

相关文章:

javascript - 在加载 HTML 表格中的每一行时添加延迟

css - 当将图像放在 <p> 的中间时,将文本环绕在图像周围

html - 订单列表不适用于 ol 类型 ="a"

jquery - 如何在单击鼠标左键时触发上下文菜单?

javascript - 我们如何在 Fabric.js 中限制 Canvas 对象的最大宽度和高度

html - 换行忽略边距

html - ASP.NET MVC - Razor - 使用操作、 Controller 和 html 属性重载按钮

javascript - 位置固定在 bootstrap 'affix' 不工作

javascript - 如何在没有任何元素 id 的情况下检索表中的文本内容

events - AppleScript 在鼠标位置单击