使整个div可点击

Question

我在div中有一个链接,我需要让整个div可点击...在互联网上找到了几个教程,但没有为我工作...

Answer 1

原始JavaScript:

<div onclick="alert('You clicked me !')">Click Me</div>

jQuery的:

$('#div_id').click(function(){
  alert('Clicked !!');
});

更新:(参考您的链接)

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

jQuery的:

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

上面的代码取消了链接(转到链接)的默认操作,return false并将click事件绑定到带有类的div myBox,然后它在div中找到链接的src属性,并window.location用于将页面重定向到src内部链接的属性. DIV.所以这基本上使得div可以点击.

Answer 2

如果你说你希望整个div可以点击导航,那么你可以使用一个不符合标准的anchor()标签来包装它,或者为包含的锚标签添加一个css样式,使其大小包含div,符合标准.在这个例子中,我将使用250px乘250px的div:

<div id="container"><a href="" style="display:block;width:250px;height:250px;">Link</a></div>

Answer 3

我去年遇到了这个问题.我只是在div上添加了一个onclick.像这样:<div id="testimonial" style="cursor:pointer;" onclick="document.location='http://www.mysite.com/testimonials.html'">