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

Question

So, I'm having trouble trying to figure out how to make the 2 left divs ( volunteer sign-up and Request a volunteer ) on my home page be clickable links. I currently have them change color when you hover over them but how do I make them link to there appropriate page. Any help w

http://partners.sbceo.org

Answer 1

Wrap the div in an anchor tag.

<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>

this way you could use more than one clickable div

Answer 3

Give the div a class or other identifier. Then using jQuery do something like:

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

None jQuery:

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

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

Answer 4

i can't see the link but you can do this using Javascript:

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

</div>