Question

所以，我在试图找出如何在我的主页上制作2个左侧div（志愿者注册和请求志愿者）时遇到困难可点击的链接。当我将鼠标悬停在它们上方时，我现在让它们改变颜色，但是如何让它们链接到适当的页面。任何帮助w

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>

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

4 个答案: