Question

一些文字

.sliderPart {   
    width: 25%;
    height: 100%;
}

.sliderPart a {
    display:block;
    position:relative;
    text-decoration:none;
    height: 100%;
    font: 1.3em  Arial, Sans-serif;
}

如何为所有div区域点击我的链接？

Answer 1

最简单的方法是完全删除div：

<a href="#computers" class="sliderPart">
   <strong>Some text</strong>
</a>

a.sliderPart {
  ...
}

Answer 2

试试这个：

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

..您还需要将cursor: pointer提供给可点击元素。

Answer 3

将链接放在div之外。您可以使锚标记与div类似。就像你在css中所做的一样。

Answer 4

对于下拉列表，我经常使用以下方法......

如果你不反对使用脚本，你可以使div本身成为各种代理，这样如果你点击div上的任何地方，那么随后会自动点击该div中的第一个链接。

$(".sliderPart").bind("click", function(){
  $("a:first", this).trigger("click");
});

当你将鼠标悬停在div上时，你会想要更新div的样式，以表明整个东西是可点击的。

链接到完整的div - html和css

4 个答案: