Javascript 垂直选项卡内容在服务器上显示为空，但在本地文件上完全可以正常工作。什么'；这里的问题是什么？

我一直在尝试使用bootstrap和jquery创建一个垂直选项卡，但是由于某些原因，文本没有出现在实时网站上，但是它在本地文件上运行得非常好。我在这里犯了什么错误？在不使用jquery的情况下，是否有创建类似垂直选项卡的变通方法

注意：我正在使用WordPress

任何帮助都将不胜感激，谢谢

$（文档）.ready（函数（）{
$（'nav-link a'）。单击（函数（）{
$（'nav-link a'）。removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
});

.nav.nav链接{
颜色：#aaa；
背景：#fff；
位置：相对位置；
}
.nav.nav-link.active{
颜色：#45b649；
背景：#fff；
}
/*为活动选项卡添加指示器箭头*/
@介质（最小宽度：992px）{
.nav.custom.nav link:：before{
内容：''；
显示：块；
边框顶部：8px实心透明；
左边框：10px实心#fff；
边框底部：8px实心透明；
位置：绝对位置；
最高：50%；
右：-10px；
转化：translateY（-50%）；
不透明度：0；
}
}
.nav.custom.nav link.active:：before{
不透明度：1；
}
.tab内容.tab窗格，.tab内容，.tab内容.tab窗格h4，.tab内容.tab窗格p{
颜色：#aaa；
背景：#fff；
位置：相对位置；
}

选择1
Lorem ipsum door sit amet，concetetur adipising elit，sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
选择2
Lorem ipsum door sit amet，concetetur adipising elit，sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
选择3
Lorem ipsum door sit amet，concetetur adipising elit，sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
选择4
Lorem ipsum door sit amet，concetetur adipising elit，sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡