Pop-up que se cierra solo tras unos segundos

Support Forums Cian – HTML Template Pop-up que se cierra solo tras unos segundos

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    #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

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

    #4346
    CreaboxThemes
    Keymaster

    Ok, coméntame como te va. Saludos

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

    #4356
    CreaboxThemes
    Keymaster

    Hola,

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

    Saludos

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.