Javascript 引导-下拉按钮无脚本回退

如果用户没有启用javascript，我希望有一个替代引导下拉按钮的选项。如果没有javascript，则没有下拉列表，因此信息不可用。 我想把按钮变成一个点击链接的情况下停用javascript。

---

这是最简单的，我指的是标题中的“文档”。

只需在其下方放置一个带有链接的noscript标记

<noscript> 
  <ul> 
    <li><a href="script.html">Link 1</a></li>
    <li><a href="object.html">Link 1</a></li>
    <li><a href="select.html">Link 1</a></li>
  </ul> 
</noscript> 

---

如果javascript被激活，这将显示。

只需在下面放置一个带有链接的noscript标记

<noscript> 
  <ul> 
    <li><a href="script.html">Link 1</a></li>
    <li><a href="object.html">Link 1</a></li>
    <li><a href="select.html">Link 1</a></li>
  </ul> 
</noscript> 

---

如果javascript被激活，这将显示。

我也遇到了同样的问题，并提出了这个CSS来启用NoScript激活的菜单：

.dropdown-toggle:focus + .dropdown-menu {
    display: block;
}

我认为您需要删除另一个

黑客程序才能使其正常工作

---

我只在Firefox 29中测试过这个…

我只是遇到了同样的问题，并提出了这个CSS来启用NoScript活动的菜单：

.dropdown-toggle:focus + .dropdown-menu {
    display: block;
}

我认为您需要删除另一个

黑客程序才能使其正常工作

---

七年后，我才在Firefox 29上测试过这一点，我仍然认为Mathias的答案纯粹是天才。我最近在Bootstrap v4.3.1中遇到了同样的问题，MS Edge和IE Explorer禁用了脚本以进行兼容性检查。我发现下面的小添加恢复了功能

.dropdown-toggle:focus + .dropdown-menu,
.dropdown-toggle + .dropdown-menu:hover {
    display: block;
}

---

对不起，这么晚了……

七年后，我仍然认为马蒂亚斯的回答纯粹是天才。我最近在Bootstrap v4.3.1中遇到了同样的问题，MS Edge和IE Explorer禁用了脚本以进行兼容性检查。我发现下面的小添加恢复了功能

.dropdown-toggle:focus + .dropdown-menu,
.dropdown-toggle + .dropdown-menu:hover {
    display: block;
}

很抱歉这么晚了……

这更容易（至少如果我们可以使用更少的功能）：只需在

对象中添加href链接即可。这样，只有当javascript被停用或不可用时，链接才会处于活动状态。这更容易（至少如果我们可以使用较少的功能）：只需将链接作为href添加到

对象中即可。这样，只有当javascript被停用或不可用时，链接才会处于活动状态。