像文本一样的 ActionLink

Question

我在网页中有一个@Html.ActionLink。

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

看起来像这样：

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来禁用link，它被禁用了，但它仍然是一个link。您能否帮我 css 使 ActionLink 像文本一样，或者提供将 clientName 写成文本的解决方案。谢谢

Answer 1

您可以将 link 替换为：

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

它将用 <span> 替换您的 <a> 元素，它不是可点击的，而是文本。

示例：

$(function(){
  $('.clientName').on('click', function(){
  
    $('.clientName').replaceWith( '<span>' + $('.clientName').text() + ' MORE TEXT!</span>' );
  
  });

});

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


<a href="#somelink" class="clientName">Click me</a>

Answer 2

如果您想将该测试作为 link，并且只想删除下划线和手形符号，您可以使用以下 CSS.

text-decoration:none; 
cursor:text

或者如果你不想 link 自己的行为，你可以直接使用 @Html.Label.

像文本一样的 ActionLink

ActionLink that acts like a text

css

c#

actionlink