Deaktivieren dynamisch genereted Bootstrap-Tasten in mvc Ansicht

Question

Ich versuche, alle Tasten in meiner Sicht, wenn der Anruf meiner Ajax zu deaktivieren true zurück, aber alles, was ich versuchte, so funktionierte nicht weit:

@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 ich versuchte, so weit ist:

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

Ich verstehe nicht, warum das nicht funktioniert. Vermutlich vermisse ich etwas sehr kleines, aber ich weiß nicht was. Jede Hilfe wird geschätzt.

Answer 1

Verwenden Sie die deaktivierte Klasse zum Deaktivieren der Schaltfläche.

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