Materialize CSS entfernen deaktiviert Eingabefeld funktioniert nicht

Question

Ich benutze materialize CSS und ich habe Problem, das ich deaktiviert in Eingabefeld entfernen möchte, wenn ich die Schaltfläche Konto bearbeiten und übrigens in meinem Code in Jquery, die ich zeigen werde unten. Ich habe bereits versucht, .prop(), .removeAttr(), .removeProp(), aber immer noch nicht deaktiviert das Feld deaktiviert.

Ich habe diesen Code

$(document).ready(function(){ 
 
    $("#submithidden").hide(); 
 

 
    $("#editbutton").on('click',function(event){ 
 
    event.preventDefault(); 
 
    $("#fname").prop('disabled', false); 
 
    $("#submithidden").show(); 
 
    $("#editbutton").hide(); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<form method="post" id="editaccount"> 
 
    <div class="row"> 
 
     <div class="input-field col s4"> 
 
      <input id="fname" name="firstname" value="Sample Name" disabled type="text" class="center validate"> 
 
      <label>First Name</label> 
 
     </div> 
 
    </div><!-- row --> 
 
    <div id="submithidden"> 
 
     <button type="submit" class="btn btn-large grey" id="editaccount">Submit</button> 
 
    </div> 
 

 
    <button type="button" id="editbutton" class="btn grey darken-1">Edit Account</button> 
 
         
 
    </form>

Answer 1

Verwenden .prop wie

var disableSelection = function(){ 
 
    $("#elementId").prop("disabled", true);  
 
}; 
 

 
var enableSelection = function(){ 
 
    $("#elementId").prop("disabled", false); 
 
};

Weitere Informationen finden Sie .prop() vs .attr().