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

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

你还是应该使用锚点。 jQuery 复制基本 Web 功能的脚本是一种糟糕的方法。

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

Answer 2

所以我查看了你的代码，它看起来像是因为你对所有这些都进行了填充

ul li ul li { }

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

然后我在第一个下拉列表中添加了一个 <a> 标签（这是 link 在后台创建的操作），然后我在这些标签上设置了填充。那应该可以解决您的问题。这使得 link 占据了整个 space 的“li”，使整个内容都可以点击（这与 isherwood 所说的本质上是一样的）

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

这是您更新后的 fiddle，其中包含更改：

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

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

Redirecting to another page when the user clicks menu item

html

css

model-view-controller

jquery