Отключение динамически genereted кнопок начальной загрузки в MVC зрения

Question

Я пытаюсь отключить все кнопки на мой взгляд, когда мой Ajax вызов возвращает истину, но все, что я пытался до сих пор не получилось:

@model IEnumerable<eksp.Models.WorkRole> 
    @{ 
     ViewBag.Title = "DisplayListOfRolesUser"; 
    } 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
      $(document).ready(function() { 
       var dataJSON; 
       $.ajax({ 
        type: "POST", 
        url: '@Url.Action("checkNumRoles", "WorkRoles")', 
        dataType: "json", 
        success: successFunc, 
        error: errorFunc 
       }); 

       function successFunc(data, status) { 



        if (data== true) { 

         $(".btn").prop('disabled', true); 
        } 
        alert(data); 
       } 

       function errorFunc() { 
        alert('error'); 
       } 


      }); 


    </script> 



    @foreach (var item in Model) 
    { 

     <div class="jumbotron"> 
      <h1>@Html.DisplayFor(modelItem => item.RoleName)</h1> 
      <p class="lead">@Html.DisplayFor(modelItem => item.RoleDescription)</p> 
      <p> @Html.ActionLink(">Focus on this one!", "addWorkRoleUser", new { id = item.WorkRoleId }, new { @class = "btn btn-primary btn-lg" })</p> 
     </div>   

    } 

Whate я пытался до сих пор:

$('.btn').addClass('btn-disabled'); 
$('.btn').attr('disabled', 'disabled'); 
$('.btn').prop('disabled', true); 

Я не понимаю, почему это не сработает. Наверное, мне не хватает чего-то очень маленького, но я не знаю, что. Любая помощь будет оценена по достоинству.

Answer 1

Используйте отключенный класс для отключения кнопки.

$('.btn').addClass('disabled');