当用户单击菜单项时重定向到另一个页面

Question

当用户单击下拉菜单中的选择时，我需要一种重定向到另一个页面的方法。我完全从 CSS 创建了下拉菜单。我确实尝试在 li 标签中使用 actionlinks，但它只覆盖了用于点击的文本区域，我需要整个 li 都可以点击。我知道在 jquery 中有一种方法，但我从未接触过 jquery。感谢你们的帮助:)

     <li>Jobs
 <ul class="click">
    <li>List of Jobs</li>
    <li>Create a New Job</li>
</ul>

更新

在 jsfiddle 中：http://jsfiddle.net/L1ra7vtj/

我基本上希望下拉菜单重定向到其他页面

Answer 1

您仍应使用锚点。复制基本 Web 功能的 jQuery 脚本是一种不好的方法。

.menu li {padding: 0;}
.menu li a {display: block;}

Answer 2

所以我查看了您的代码，看起来是因为您在所有这些代码上都有填充

ul li ul li { }

这会破坏您直接放入li 的任何其他标签。我没有在li 上添加填充，而是设置了padding to 0，并在每个不是“链接”的单词周围添加了一个span 标签。

然后我在第一个下拉列表中添加了一个<a> 标签（这是一个动作链接在后台创建的），然后我在这些标签上设置了填充。那应该可以解决您的问题。这使得链接占据了 'li' 的整个空间，使整个内容可点击（这与 isherwood 所说的基本相同）

如果您希望下拉菜单重定向到其他页面，您可以将 li 中的文本放在 <a> 标记中，或者将操作链接放在 li 标记中并给它一个类，这样您就可以像我一样设置样式设置<a> and <span> 标签的样式。

这是你更新的改动：

http://jsfiddle.net/L1ra7vtj/1/