javascript - 如何在 "AktionLink"的 "onClick"事件中调用 "div"？

Question

我使用 Visual Studio Enterprise 2015。我启动了一个新的“ASP.NET Web 应用程序”元素，并从“ASP.NET 4.6 模板”中选择了“MVC”(MVC4)。

在我的 Index.cshtml View 中，我添加了以下“div”，以便为我的 Web 应用程序创建导航菜单:

<div class="NavigationItem" onclick="@{Html.ActionLink("HOME", "Index", "home");}">
   HOME
</div>
<div class="NavigationItem" onclick="@{Html.ActionLink("ABOUT", "About", "Home");}">
   ABOUT
</div>
<div class="NavigationItem" onclick="@{Html.ActionLink("CONTACT", "Contact", "Home");}">
   CONTACT
</div>

我使用的 CSS 类“NavigationItem”具有以下代码:

.NavigationItem{
    font-size: 13.5pt;
    color: #3A3A3A;
    font-family: Arial;
    margin: 33px 10px 4px 10px;
}

.NavigationItem:hover {
    color: #CC0000;
    border-bottom: 4px #CDCDCD solid;
}


[![Mouse_Hover][1]][1]

代码已执行，但当我单击一个 div 时，div 的“onClick”事件没有触发。因此，永远不会执行“ActionLink”。问题是:如果单击 div，我如何调用“ActionLink”的执行？

如果你知道如何实现这样的想法，或者你有什么想法，请告诉我。这将对我有很大帮助。

先谢谢你。

Answer 1

Stephen Muecke 给出了这个问题的答案如下:

<div class="NavigationItem">@Html.ActionLink("HOME", "Index", "home")</div>

@StephenMuecke:非常感谢您的回复:)

为了保持 CSS 的行为，您还必须在 CSS 文件中添加以下 CSS:

:link { text-decoration: none; } // Removes this annoying underline from your link.

:visited { color: inherit; }     // Inherits the color behavior which you have applied.