jQuery .attr ("disabled", "disabled") no funciona en Chrome

Question

No estoy seguro de por qué esto no funciona.

Cuando la gente haga clic en el botón 'editar' de mi solicitud, los campos de texto de movilidad reducida se pueden editar:

$("#bewerken").click(function(e) { 
    $("input[disabled='disabled']").removeAttr('disabled'); 
}); 

Entonces desea desactivar los campos de texto de nuevo cuando el usuario guarda; Tengo este código con destino al botón Guardar:

$("#save_school_changes").click(function(e) { 
    //stuff 

    $.ajax({ 
     type: "POST", 
     url: "/school/save_changes", 
     data: { //stuff }, 
     success: function(data) 
     { 
      $("#feedback_top").html("<p>" + data['message'] + "</p>").slideDown('slow').delay(2000).slideUp(); 
      $("input[type='text']").attr('disabled', 'disabled'); 

     } 
    }); 

    e.preventDefault(); 
}); 

Por lo que yo sé, esto debería desactivar los campos de texto de nuevo. Sin embargo, esto no parece funcionar en Chrome. Funciona en Firefox. Todavía no he tenido la oportunidad de probar en IE o Safari. ¿Hay alguna manera de hacer que esto funcione en Chrome también? ¡Muchas gracias!

Answer 1

Si está utilizando jQuery 1.6 < hacer esto:

jQuery("input[type='text']").attr("disabled", 'disabled'); 

Si está utilizando jQuery 1.6 +:

jQuery("input[type='text']").prop("disabled", true); 

Ver esta pregunta: ¿por qué .prop() vs .attr() para las referencias.

O puede probar esto:

$('input:text').attr("disabled", 'disabled'); 

see here for info on :text

Answer 2

Trate $("input[type='text']").attr('disabled', true);

Answer 3

si va a quitar todos los atributos con discapacidad de entrada, entonces ¿por qué no hacer:

$("input").removeAttr('disabled'); 

A continuación, después del éxito ajax:

$("input[type='text']").attr('disabled', true); 

Asegúrese de que utiliza quitar el atributo deshabilitado antes de enviar, o no enviará esos datos. Si necesita enviarlo antes de cambiarlo, debe usar readonly en su lugar.

Answer 4

¿Has probado con prop() ??

Bien prop() parece works for me.

Answer 5

aquí:
http://jsbin.com/urize4/edit

la vista previa
http://jsbin.com/urize4/

Debe utilizar "readonly" en lugar como:

$("input[type='text']").attr("readonly", "true"); 

Answer 6

Es un antiguo puesto pero ninguno de esta solución trabajado para por lo que estoy publicando mi solución si alguien lo encuentra útil.

Acabo de tener el mismo problema.

En mi caso, el control que necesitaba para desactivar era un control de usuario con menús desplegables que podría desactivar en IE pero no en Chrome.

mi solución fue la de desactivar cada objeto hijo, no sólo el control de usuario, con ese código:

$('#controlName').find('*').each(function() { $(this).attr("disabled", true); }) 

Está funcionando para mí en cromo ahora.

Answer 7

Mi problema con esto fue que el elemento que usa el atributo attr debe definirse como un elemento de formulario, es decir, un tipo de entrada para que funcione. Ambos trabajaron con attr() y prop() pero eligieron este último para una mantenibilidad futura.

Answer 8

Para mí, ninguna de estas respuestas funcionó, pero finalmente encontré una que sí.

Necesitaba esto para IE-

$('input:text').attr("disabled", 'disabled'); 

también tuve que añadir este para Chrome y Firefox -

$('input:text').AddClass("notactive"); 

y esto -

<style type="text/css"> 
    .notactive { 
     pointer-events: none; 
     cursor: default; 
    } 
</style>