Html 我的链接（a href）没有'；行不通

我有一个我不理解的问题，我的链接（a href=“…”）不工作，有人看到了错误

$（'.site-nav\u item.has下拉列表'）。打开（'点击'，函数（e）{
e、 预防默认值（）；
var className=“处于活动状态”；
$（this.toggleClass（className）；
});
。站点标题{
长方体阴影：0 1px 3px rgba（0,0,0,1）；
显示：块；
左：0；
位置：固定；
右：0；
排名：0；
.场地导航{
显示器：flex；
高度：75px；
&__项目{
显示：内联块；
线高：73px；
浮动：左；
&.下降了{
位置：相对位置；
&.处于活动状态{
.site-nav__下拉列表{display:block；}
}
}
}
&__链接{
光标：指针；
显示：块；
字号：1.2rem；
字母间距：0.03em；
溢出：隐藏；
填充：0 23px；
位置：相对位置；
文本转换：大写；
}
&__下拉列表{
长方体阴影：0 1px 3px rgba（0,0,0,2）；
显示：无；
左：-37px；
最小宽度：225px；
位置：绝对位置；
顶部：75px；
&__项目{
线高：60px；
文本转换：继承；
.站点导航链接{
字体大小：1.4rem；
文本转换：继承；
}
}
}
}
}











您有

e.preventDefault();

在JS代码中。这从根本上防止了链接成为链接

顺便说一句。下次把JS代码放在这里时，您忘记了http://或https://

<ul class="site-nav__links">
    <li class="site-nav__item has-dropdown">
      <a class="site-nav__link"> Click here </a>
      <ul class="site-nav__dropdown">
        <li class="site-nav__dropdown__item">
          <a href="http://codepen.io" class="site-nav__link">Item 1</a>
        </li>
        <li class="site-nav__dropdown__item">
          <a href="https://google.com" class="site-nav__link">Item 2</a>
        </li>
        <li class="site-nav__dropdown__item">
          <a href="#" class="site-nav__link">Item 3</a>
        </li>
      </ul>
    </li>
 </ul>











将锚定标记更改为此

<li class="site-nav__dropdown__item">
            <a href="https://codepen.io" class="site-nav__link">Item 1</a>
          </li>
          <li class="site-nav__dropdown__item">
            <a href="https://google.com" target="" class="site-nav__link">Item 2</a>
          </li>






如果您正在签入codepen，请右键单击链接并在“新建”选项卡中打开，也可以将目标设置为空白。否则，codepen将阻止在自身内部打开新站点
而不使用
https://
（或
//
）前缀，链接将被解释为相对路径，例如
codepen.io
意味着
{current protocol}://{your domain}/{current path}/codepen.io
。