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, 10 months ago by CreaboxThemes.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
January 27, 2015 at 1:19 pm #4343

José Miguel
Participant

Hola,

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.
Saludos

P.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 #4344
CreaboxThemes
Keymaster
Hola 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">&times;</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 #4345

José Miguel
Participant

Hola,

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 #4346

CreaboxThemes
Keymaster

Ok, coméntame como te va. Saludos

February 6, 2015 at 4:20 pm #4355

José Miguel
Participant

Misterio 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 #4356

CreaboxThemes
Keymaster

Hola,

me alegro que se haya solucionado. Si necesitas cualquier cosa, aqui estoy.

Saludos
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.