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

根据您的评论，您只想在按钮点击后转到主页控制器中的“关于”操作，您可以执行以下操作并删除ActionLink：

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

Answer 2

为锚点id：

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

使用此overload：

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

Answer 3

jQuery的button方法也适用于标记，试试这个：

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

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

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

Answer 4

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

您可以尝试将类附加到actionlink，然后可以使用查询选择它。如果你想使用一个类。

将ActionLink分配给MVC中的jQuery按钮

4 个答案: