Javascript 链接使用：：after添加的内容

我有一个带有伪内容的div。我需要能够链接的内容-但不知道如何。以下是标记：

<div class="container join_club">
<div class="text-center">
    <span class="title">
    <h3>Join our new service, click to...</h3>
        </span>
    <div class="col-md-4 col-md-offset-4 take_me_to">
        <div class="arrow_box_join">
            <p><a href="/enrollment" title="Click to Join">Join now</a> </p>
        </div>
    </div>
</div>
</div>

这里是我用来链接按钮的jQuery（除了底部箭头，我不知道怎么做）

---

这是一本书。我需要能够链接底部箭头。谢谢

您不能这样做，因为它在javascript或html中都不可用，请使用另一个可以链接的虚拟元素

---

您不一定要这样做，但您可以尝试以下方法：

用箭头将div嵌套在单击目标内：

<div class="container join_club">
    <div class="text-center">
        <span class="title">
        <h3>Join our new service, click to...</h3>
            </span>
        <div class="take_me_to"> <!-- Nested the arrow div inside -->
            <div class="col-md-4 col-md-offset-4">
                <div class="arrow_box_join"> 
                    <p><a href="/enrollment" title="Click to Join">Join now</a> </p>
                </div>
            </div>
        </div>
    </div>
</div>

这意味着，当您单击箭头时，由于它嵌套在

take\u me\u to

div中，它将显示为link

---

在

伪元素之后的
中有此样式：

pointer-events: none;

移除它，箭头将可单击


$（'.take_me_to'）。单击（函数（）{
window.location.href=$（this.find（'a'）.attr（'href'））
});
.span文本{
文本对齐：居中；
颜色：#848484；
字体大小：15px；
字体大小：1.5rem；}
.span文本span{
显示：块；
行高：22px；}
.加入俱乐部h3{
字体系列：Lato；
字体大小：正常；
颜色：#F25E5E；
字体大小：30px；
字体大小：3rem；
边框底部：1px实心#F25E5E；
垫底：21px；
页边距底部：15px；}
.arrow\u box\u join{
宽度：100%；
高度：85px；
位置：相对位置；
背景：#F25E5E；
字体系列：Lato；}
.arrow\u box\u join p{
字体大小：35px；
字体大小：3.5rem；
字体大小：粗体；
保证金：0；
填充：0；
高度：85px；
行高：80px；}
.箭头\u框\u连接p>a{
字体大小：正常；
字体大小：30px；
字体大小：3rem；
线高：50px；
颜色：#fff；
文字装饰：无；
文本转换：大写；}
.arrow\u box\u join:之后{
最高：100%；
左：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
边框颜色：rgba（136183213,0）；
边框顶部颜色：#F25E5E；
边框宽度：63px；
边框顶部宽度：39px；
左边距：-63px；}
.加入你的俱乐部{
页边距底部：45px；}

加入我们的新服务，单击以。。。


<div class="container join_club">
    <div class="text-center">
        <span class="title">
        <h3>Join our new service, click to...</h3>
            </span>
        <div class="take_me_to"> <!-- Nested the arrow div inside -->
            <div class="col-md-4 col-md-offset-4">
                <div class="arrow_box_join"> 
                    <p><a href="/enrollment" title="Click to Join">Join now</a> </p>
                </div>
            </div>
        </div>
    </div>
</div>

.take_me_to {
    height:125px;
}

pointer-events: none;