Javascript 让整个li成为js的链接

我正在使用wp cms用php填充滑块上的幻灯片。在eash幻灯片的底部有一个链接。我需要针对每个幻灯片（li），当单击li中的任何位置时，它应该链接到特定幻灯片所在链接上的url

以下是我需要为其编写js的标记：

<div class="carousel">
    <?php 
        $i = 1; 
        while( has_sub_fields( 'bottom_content' ) ): 
    ?>
    <li>
        <div class="bottom-thumb">
            <?php if( get_sub_field( 'thumb' ) ) :?><img src="<?php the_sub_field('thumb'); ?>" alt=""><?php endif; ?>
        </div>
        <h6 class="content-type"><?php the_sub_field( 'content_type' ); ?></h6>
        <p class="content-desc">
            <a href="<?php the_sub_field( 'url' ); ?>">
                <?php the_sub_field( 'title' ); ?>
            </a>
        </p>
        <div class="white-arrow"></div>
    </li>
    <?php 

        $i++;
        endwhile; 
    ?>
</ul>

---

您可以尝试以下操作：

<li onclick="window.location.href='<?php the_sub_field( 'url' ); ?>'">

---

如果单击了链接，则很好——用户将导航到url，如果没有，则可以导航到url，如下所示：

$(".carousel li").click(function(e){
    $(e.target).is('a') || $(this).find('a')[0].click();
});


$（“.carousel li”）。单击（功能（e）{
$（e.target）.is（'a'）|$（this）.find（'a'）[0]。单击（）；
});



无链接
“alt=”“>




请发布您试图使此工作正常进行的代码。没有看到您尝试的内容，我们不知道如何帮助您。您可以使用
window.location.href=$（this）。find（“a”）.attr（“href”）吗；
你应该避免内联事件处理程序，原因与我们尝试避免内联css的原因相同。没有理由让onclick内联而不是像上面那样。这不起作用：
。单击（）
只触发jQuery附加的事件，而不是本机事件。@Martinerst，你完全正确。谢谢！触发本机事件应该可以解决这个问题。
$(".carousel li").click(function(e){
    $(e.target).is('a') || $(this).find('a')[0].click();
});