c# - 将 ActionLink 分配给 MVC 中的 jQuery 按钮

Question

如何将 ActionLink 分配给 asp.net MVC 页面中的 jQuery 按钮。

<button id="Button1">Click</button>

<%: Html.ActionLink("About", "About", "Home")%>

<script language="javascript" type="text/javascript">
    $(function () {

        $("#Button1").button().click(function () {
            return false;
        });
    });
</script>

Answer 1

根据您的评论，您只想在单击按钮时转到 Home 控制器中的 About 操作，您可以执行以下操作并删除ActionLink：

$(function () {
    $("#Button1").click(function () {
        location.href = '<%= Url.Action("About", "Home") %>';
    });
});

Answer 2

给锚一个id：

<%: Html.ActionLink("About", "About", "Home", null, new { id = "Button1"})%>

使用这个重载：

public static MvcHtmlString ActionLink(
    this HtmlHelper htmlHelper,
    string linkText,
    string actionName,
    Object routeValues,
    Object htmlAttributes // <==============
)

Answer 3

<%: Html.ActionLink("About", "About", "Home", new { @class = "yourclass" })%>

您可以尝试将类附加到操作链接，然后可以通过查询选择它。如果你想使用一个类。

Answer 4

jQuery的按钮方法也适用于标签，试试这个：

<%: Html.ActionLink("About", "About", "Home", null, new { id="Button1" })%>

<script language="javascript" type="text/javascript">
    $(function () {

        $("#Button1").button().click(function () {
            return false;
        });
    });
</script>