我在这里有一点问题.我有一个带有h1,h2和p的div.我想把div变成一个链接,但我不能只包装一个< a>围绕div或h1,h2,p.这不是正确的方法,但我该怎么做才能将整个div变成一个链接呢？
我应该将每个元素都放入跨度吗？这需要更多的工作
我应该将每个元素都放入跨度吗？这需要更多的工作
<a href="#" class="link">
<span class="div">
<span class="h1"></span>
<span class="h2"></span>
<span class="p"></span>
</span>
</a>
或者我应该使用javascript：
$('.link').click(function(){
document.location.href='#';
})
解决方法
假设您的原始HTML看起来如下所示,您应该添加一个数据参数,其中包含单击div时要遵循的链接：
<div class="link" data-url="http://www.google.com">
<span class="div">
<span class="h1"></span>
<span class="h2"></span>
<span class="p"></span>
</span>
</div>
然后你可以将一个点击处理程序附加到div：
$('.link').click(function() {
window.location.assign($(this).data('url'));
});
最后,确保在CSS中添加cursor属性,这样很明显div是可点击的：
.link { cursor: pointer; }
