从css-tricks.com将导航转换为下拉列表

时间:2013-12-10 18:41:43

标签: html css nav

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

中包含一个简单的内部链接(例如#,#aboutme,#contact)
<select>

元素?

由于

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

1 个答案:

答案 0 :(得分:1)

请仔细阅读您提供的链接:

  

然后让下拉菜单真正起作用......

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

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

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

值是参考的地方。