Support › Forums › Cian – HTML Template › Pop-up que se cierra solo tras unos segundos
Tagged: pop-up
- This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago by
CreaboxThemes.
-
AuthorPosts
-
January 27, 2015 at 1:19 pm #4343
José Miguel
ParticipantHola,
He añadido un pop-up (ventana modal) en mi web que se abre al pulsar un botón, pero lo que ocurre es que tras pulsar el botón este se muestra un segundo y se cierra solo.
El código usado es el que aparece en la página de bootstrap para una ventana modal con efecto fade, así que el problema no creo que esté en el html. También he modificado la hoja de estilos, pero sólo se aplica al padding, margin, etc.(es decir, a diseño) Lo único que no he tocado es el archivo javaScript ¿Tendría que modificar algún archivo JS? y en caso de tener que hacerlo ¿Cuál sería y qué tendría que cambiar?
Muchas gracias por adelantado por tu ayuda.
SaludosP.d.:Esta modificación la estoy haciendo en local, si visitas mi página no podrás verla. Por favor, si necesitaras ver el código coméntamelo y te doy acceso. Aunque, como te comento, el código es una copia del que aparece en la página bootstrap con las modificaciones necesarias para adapatarlo a mi sitio.
January 27, 2015 at 3:04 pm #4344CreaboxThemes
KeymasterHola José Miguel,
acabo de hacer una prueba con el código de Bootstrap y funciona correctamente.
En el archivo index.html he añadido el siguiente código para el botón y para la capa con el contenido:Botón:
<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button>
Capa con el contenido:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>
Y en el archivo custom.js he añadido el código javascript necesario para su funcionamiento:
$('#myModal').on('shown.bs.modal', function () { $('#myInput').focus() })
Saludos
January 27, 2015 at 6:19 pm #4345José Miguel
ParticipantHola,
Lo tengo todo tal cual lo has puesto tú y he añadido en custom.js las tres líneas que me has enviado, pero sigue ocurriendo lo mismo.:(
Voy a volver a repasarlo todo. No tengo ni idea de porqué hace lo que hace.
Saludos.
January 27, 2015 at 8:44 pm #4346CreaboxThemes
KeymasterOk, coméntame como te va. Saludos
February 6, 2015 at 4:20 pm #4355José Miguel
ParticipantMisterio resuelto. Era un script para ventanas modales de JavaScript que había estado probando hace tiempo y olvidé borrar. 🙁
El pop-up ya no se cierra solo. 🙂
Saludos.
February 7, 2015 at 7:57 am #4356CreaboxThemes
KeymasterHola,
me alegro que se haya solucionado. Si necesitas cualquier cosa, aqui estoy.
Saludos
-
AuthorPosts
- You must be logged in to reply to this topic.