下拉列表内容不显示W3.CSS

我正在使用W3.CSS框架。以前使用过引导，但我认为W3.css速度更快，我也想尝试一下

我设置了一个包含内容的下拉按钮，但当我将其悬停时，它不会显示下拉列表

我遗漏了什么吗？我已经在Chrome和Edge上试过了。下面是代码

<div class="w3-dropdown-hover">
<button class="w3-button">Dropdown <i class="fa fa-caret-down"></i> </button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
  <a href="#" class="w3-bar-item w3-button">Link 1</a>
  <a href="#" class="w3-bar-item w3-button">Link 2</a>
  <a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>

下拉列表

---

这个问题在这里得到了正确的解决：

您需要放置W3S提供的Javascript脚本链接。我已经创造了一个我相信它会为你工作。有关更多示例，请访问上面的链接

函数myFunction（）{
var x=document.getElementById（“演示”）；
if（x.className.indexOf（“w3显示”）=-1）{
x、 className+=“w3显示”；
}否则{
x、 className=x.className.replace（“w3 show”，“w3 show”）；
}
}

下拉式单击演示

点击我！

您忘记了一个前导

是的，前导
开头