如何调用" AktionLink"在" onClick"在" div"?中的活动

时间:2015-10-02 10:27:36

标签: javascript css asp.net-mvc html5 razor

我使用的是Visual Studio Enterprise 2015.我启动了一个新的" ASP.NET Web应用程序"项目和来自" ASP.NET 4.6模板"我选择了" MVC" (MVC4)。

在我的Index.cshtml视图中,我添加了以下" divs"为我的Web应用程序创建导航菜单:

self.view.bringSubviewToFront(self.datePickerView)

CSS类" NavigationItem"我使用的代码如下:

<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>

代码已执行,但&#34; onClick&#34;当我点击div时,div的事件不会触发。因此,&#34; ActionLink&#34;从未被执行过。问题是:如何调用&#34; ActionLink&#34;如果单击div?

如果你知道如何实施这样的想法,或者你有想法,请告诉我。这对我来说将是一个很大的帮助。

先谢谢你。

1 个答案:

答案 0 :(得分: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.