如何添加JavaScript onclick事件以链接到较低的文件夹？

Question

我有一个菜单元素，我可以通过无序列表以一种非常标准的方式链接到某些其他页面。 如：

<li><a href="@Href("~/Admin/Staff/")">Staff</a></li>

显然，这给了我指向我网站相应页面的链接，该链接在用户单击文本“ Staff”时被激活。 我想让用户单击li元素中的任意位置以激活链接，所以一个简单的JavaScript onclick事件似乎最好。 我试过了：

<li onclick="location.href='~/Admin/Staff/'"><a href="@Href("~/Admin/Staff/")">Staff</a></li>

但所做的只是将“ / Admin / Staff /”附加到当前URL之后。 我试过将〜替换为。 和..但也有类似的错误结果。 我尝试用location.hostname +替换location.href =，但仍然无处可去。

在我看来，当导航到相同或较低层次结构文件夹中的另一个文件时，此用法非常好，但是JavaScript似乎不喜欢HTML使用的“查找根文件夹”机制。 这里有没有人有一个很好的跨浏览器解决方案？ 我宁愿使用非jQuery解决方案，以免仅出于这样一个非常简单的任务就导入整个jQuery库。

Answer 1

您必须每次都调用Href() 。 Href将〜/解析为应用程序的实际虚拟目录或根路径。

<li onclick="location.href='@Href("~/Admin/Staff/")'">
    <a href="@Href("~/Admin/Staff/")">Staff</a>
</li>

或者，如果您只想指定和评估一次：

@{
    var staffPath = Href("~/Admin/Staff/");
}

<li onclick="location.href='@(staffPath)'">
    <a href="@(staffPath)">Staff</a>
</li>