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

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/