html - 从 css-tricks.com 将 Nav 转换为 Dropdown

Question

我正在尝试将我的五项导航菜单(在同一页面上有内部链接)转换为具有特定宽度的下拉菜单。 我已按照 here 的指示进行操作完全正确，但创建者没有提到如何在下拉列表中包含内部链接。我显然遗漏了一些东西，但是有人知道如何在

中包含一个简单的内部链接(例如#、#aboutme、#contact)

<select>

元素？

谢谢

这是 fiddle - 它与上面的链接几乎完全相同

Answer 1

仔细查看您提供的链接:

Then to make the dropdown menu actually work...

$("nav select").change(function() {
  window.location = $(this).find("option:selected").val();
});

所以在你的标记中它看起来像:

<option value="#books">Books</option>

哪里的值(value)是引用去。