我想让整个div/图都可以点击,但是我必须用Jquery来做,因为这是一个wordpress插件。目前,只有标题是可点击的,我不想转到标题激活href,我希望能够点击div/image上的任何地方,它应该转到链接。
您可以在这里看到链接https://elysian.dijestdesigns.com/voice/
这是密码
<div class="ctgrid">
<div class="item-grid" data-id="ex_id-extp-5203-398">
<div class="exp-arrow ">
<figure class="tpstyle-img-9 tppost-398">
<a href="https://elysian.dijestdesigns.com/portfolio/jessica-roberts/"><img width="1365" height="2048" src="https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o.jpg 1365w, https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o-200x300.jpg 200w, https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o-683x1024.jpg 683w, https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o-768x1152.jpg 768w, https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o-1024x1536.jpg 1024w, https://elysian.dijestdesigns.com/wp-content/uploads/2020/01/14114983_1408363416137891_3279299182950828483_o-600x900.jpg 600w" sizes="(max-width: 1365px) 100vw, 1365px"></a>
<figcaption>
<div></div>
<h3>
<a href="https://elysian.dijestdesigns.com/portfolio/jessica-roberts/">Jessica Roberts</a>
</h3>
</figcaption>
</figure>
<div class="exclearfix"></div>
</div>
</div>
我试着加了这个,但好像不起作用
$(".item-grid").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
我不是一个专业的编码器,所以在这里得到一些帮助,从你们,请。谢谢
尝试用document.ready
来包装it in函数。
jQuery(document).ready(function() {
jQuery(function ($) {
$(".item-grid").click(function() {
window.location=$(this).find("a").attr("href");
return false;
});
});
});
#引用