如何使div成为可点击的链接？

Question

因此，我很难弄清楚如何使主页上的左2个div（ 志愿者注册和请志愿者 ）成为可单击的链接。 目前，当您将鼠标悬停在它们上面时，它们会更改颜色，但是如何使它们链接到相应的页面。 任何帮助

http://partners.sbceo.org

Answer 1

将div包裹在锚标记中。

<a href="your-link-here">
   <div></div>
</a>

Answer 2

<div class="mydiv" data-href="http://stackoverflow.com"></div>

<script>
  $('.mydiv').on('click', function(){
    window.location = $(this).data('href');
  })
</script>

这样，您可以使用多个可点击的div

Answer 3

给div一个类或其他标识符。 然后使用jQuery做类似的事情：

$('identifier').click(function(){
   window.location = "your url";
});

无jQuery：

<div id="hello"></div>

function linkTo(url){
   window.location = url;
}
el = document.getElementById('hello');
el.onclick = linkTo('some website');

Answer 4

我看不到链接，但是您可以使用Javascript执行此操作：

<div style="cursor: pointer;" onclick="window.location='http://google.com/'">

</div>