¿Está cerrando la alerta de arranque con jQuery que no funciona con este código? - jquery, html, css, twitter-bootstrap-3

Tengo este div

<div class="alert alert-danger alert-dismissible" role="alert" id="login-error">
<button type="button" class="close" id="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
Incorrect username or password.
</div>

que está oculto en la carga de la página con esto:

$(document).ready(function(){
$("#login-error").hide();
});

Quiero ocultarlo cuando el usuario haga clic en el botón de cierre que se encuentra dentro de la alerta (se muestra cuando se proporcionan datos de inicio de sesión incorrectos utilizando .show ();).

Para hacer eso tengo este código de otra publicación de Stackoverflow:

$(".alert .close").on("click", function(e) {
$(this).parent().hide();
});

Sin embargo, hacer clic en el botón Cerrar no lo oculta y no tengo idea de por qué. Si alguien me pudiera explicar por qué no funciona, entonces puedo arreglarlo, eso sería genial :) Gracias.

Respuestas

1 para la respuesta № 1

Bueno, en este caso, la respuesta es simple. Usted no tiene jQuery cargado.

Echa un vistazo a los errores en la consola:

Además, una vez que cargues jQuery antes de tu bootstrap.Si es necesario, no necesita escribir su propio script para manejar el cierre de la alerta. En su lugar, puede incluir el marcado de datos como se describe en el documento. aquí:

Simplemente agregue data-dismiss = "alert" a su botón de cierre para automáticamente Dar una alerta al cierre de la funcionalidad.

---

0 para la respuesta № 2

qué pasa

$("#close").on("click", function(e) {
$("#login-error").hide();
});

o

$("#close").click(function() {
$("#login-error").hide();
});

---