2013-12-10 35 views
0

我试图将我的五项导航菜单(在同一页面上的内部链接)转换为一定宽度的下拉菜单。 我完全按照here的指示操作,但创建者没有提及如何在下拉菜单中包含内部链接。我显然失去了一些东西,但没有任何人知道如何包含从css-tricks.com将导航转换为下拉列表

<select> 

元素中一个简单的内部链接(例如#,#aboutme,#contact)?

感谢

这里的fiddle - 它几乎完全一样上面的链接

+0

请包括您当前的CSS和HTML标记 –

+0

ok @DrydenLong我添加了一个小提琴 – giannag

回答

1

在您提供的链接仔细看看:

然后使下拉菜单中的实际工作.. 。

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

因此,在您的标记,它看起来像:

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

价值在哪里是去参考。

+0

这就是我试图做的,但菜单项并没有真正转到站点上的锚点。我错过了什么吗?我只是在我的问题上添加了一个小提琴,所以你可以看看我的代码 – giannag

+0

工程对我来说很好http://jsfiddle.net/Sqp65/6/尝试与约和联系选项 – DaniP

+0

它真的很离奇。而不是div我使用了一个,但我的代码看起来就像你的。 我的导航ul在网站上工作正常,但一旦浏览器调整大小,下拉菜单出现,链接不会去任何地方......还有什么可能导致这种情况? – giannag