提问者:小点点

使用Jquery[duplicate]使整个div/figure可点击


我想让整个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;
    });

我不是一个专业的编码器,所以在这里得到一些帮助,从你们,请。谢谢


共1个答案

匿名用户

尝试用document.ready来包装it in函数。

jQuery(document).ready(function() {
    jQuery(function ($) {
        $(".item-grid").click(function() {
            window.location=$(this).find("a").attr("href"); 
            return false;
        });
    });
});

#引用