ActionLink就像一个文本

时间:2018-02-21 13:13:24

标签: c# css actionlink

我在网页上有一个@Html.ActionLink

@Html.ActionLink("Hello ", "Index", "Manage", routeValues: new { Area = "" }, htmlAttributes: new { title = "Manage", @class = "user-btn clientName"})

看起来像这样: enter image description here

clientName包含用户的名称。我有一个设置clientName

的ajax调用
 $.ajax({
            type: "GET",
            url: url,
            data: { userId: currentUserId },
            success: function (data) {
                $(".clientName").text($(".clientName").text() + data + "!");
            },
            failure: function (data) {
            }
        });

现在我只需要一个文本而不是ActionLink。在这种情况下,我不知道如何使用TextAreaFor。 我试过用javascript来禁用链接,它被禁用,但它仍然是一个链接。 你可以帮我一个css使ActionLink像一个文本,或者用一个解决方案在文本中写clientName。感谢

2 个答案:

答案 0 :(得分:2)

您可以用以下内容替换链接:

$(".clientName").replaceWith("<span>"+$(".clientName").text() + data + "!</span>");

它会将<a>元素替换为<span>,而$(function(){ $('.clientName').on('click', function(){ $('.clientName').replaceWith( '<span>' + $('.clientName').text() + ' MORE TEXT!</span>' ); }); });元素不是可点击的,而且是文本。

示例:

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="#somelink" class="clientName">Click me</a>
&#13;
template<typename C, typename T>
void foo(C &&aclass, T (C::*const memberFunc)(unsigned)) {

}
&#13;
&#13;
&#13;

答案 1 :(得分:2)

如果您希望将该测试作为链接进行操作,并且只想删除底线和手形符号,则可以使用以下CSS。

text-decoration:none; 
cursor:text

或者如果您不想要自己的链接行为,您可以直接使用 @ Html.Label。