0

Tengo los siguientes modales:

> primero abro este:

<div id="my-id" class="uk-flex-top" uk-modal>
<i class="material-icons uk-text-success md-icon uk-form-file" id="btnCompr" href="#modal-full" uk-toggle>search </i>
    <div class="uk-modal-dialog uk-margin-auto-vertical"></div>
</div>

Pero quiero que al dar click al boton se abra segundo sin cerrar el primero

<div id="<i class="material-icons uk-text-success md-icon uk-form-file" id="btnCompr" href="#modal-full" uk-toggle>search </i>" class="uk-modal-full" uk-modal>


 <div class="uk-modal-dialog">
        <button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
    </div>
</div>

1 respuesta 1

0

El comportamiento por defecto del dialog de UIKit es cerrar cuando se abre otro. En esta respuesta de SO explican cómo evitarlo. Básicamente hay que añadir al botón la propiedad data-uk-modal="{target:'#modal1', modal: false} o hacerlo por javascript:

$(document).ready(function(){
    //Obtenemos la modal
    var modal2 = UIkit.modal("#modal2", {modal: false});
    //En el evento click del botón del modal1 abrimos el modal2
    $("#btn2").on("click",function(){
    modal2.show();
   });
});

Fiddle de ejemplo con atributos

Ejemplo con javascript

11
  • al agregar la propiedad : data-uk-modal="{target:'#modal1', modal: false} y lo intenté hacer por javascript pero me da el siguiente error: Uncaught ReferenceError: UIkit is not defined
    – arglez35
    el 23 mar. 2018 a las 15:40
  • Eso es porque no estás cargando el script de UIkit
    – Kiko_L
    el 23 mar. 2018 a las 16:12
  • tengo en mi index.php <script src="js/uikit.min.js"></script> <script src="js/uikit.js"></script> es correcto no?
    – arglez35
    el 23 mar. 2018 a las 16:14
  • Sí tienes una carpeta llamada "js" y dentro los scripts sí. De todas formas te sobra uno (el .min.js es el mismo que el otro pero minificado para que ocupe menos)
    – Kiko_L
    el 23 mar. 2018 a las 16:16
  • creo que es un fallo de la version 3(BETA) estaba viendo que hacian algo como Import UIkit from 'uikit' pero no funciona
    – arglez35
    el 23 mar. 2018 a las 16:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.