ActionLink, который действует как текст

У меня есть @Html.ActionLink на веб-странице.

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

выглядит так:

clientName содержит имя пользователя. У меня есть вызов Ajax, который устанавливает clientName

 $.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 ответа

Решение

Если вы хотите, чтобы этот тест вел себя как ссылка, и вы хотите удалить только символ нижней строки и руки, вы можете использовать следующий CSS.

text-decoration:none; 
cursor:text

или если вы не хотите, чтобы поведение ссылки само по себе, вы можете напрямую использовать @Html.Label.

Источник

Вы можете заменить ссылку на это:

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

Это заменит ваш <a> элемент с <span> который не кликабелен, и это текст.

Пример:

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

Источник
Другие вопросы по тегам