[SOLUCIONADO] Como lograr un Auto popup


#1

Hola anteriormente utilizaba este código para un auto popup,

$(document).ready(function () {
$(’#mostrarmodal’)[0].click(function () { });
});

pero en la nueva versión de framework7 ya no funciona,

Como deberia aplicarlo ???


#2

Hola

Eso no es un Auto popup, lo que hace ese código es:

Cuando el documento HTML está preparado accionar un click en un elemento con un id “mostrarmodal”.

Puede que ese elemento no exista en el DOM y por ello no te funcione.

Saludos.


#3

Sabes como hacerlo ?


#4

Por supuesto se como hacerlo, pero como te comento ese código que has usado no es la forma correcta.

<div class="popup popup-about">
    <div class="block">
      <p>About</p>
      <!-- Close Popup -->
      <p><a class="link popup-close" href="#">Close popup</a></p>
      <p>Lorem ipsum dolor sit amet...</p>
    </div>
</div>

Cuando quieras abrir el popup, acciona esta función.

app.popup.open(".popup-about");

#5

si esto lo se, yo digo es como hacerlo de forma automática, que cuando abra la aplicación web se abra el popup


#6

Hola

Has probado lo que te he puesto en el anterior post?

Es exactamente eso.

1 Crea el popup Documentación aquí
Con app.popup.create(parameters) creas el popup en el DOM

2 Esta función abrirá el popup.
app.popup.open(el, animate)

Saludos


#7

Si abre pero yo digo es cuando apenas se ejecuta la app se abra solo


#8

La app como la estás desarrollando? Phonegap? es una webapp?

Es simple ejecutas esa función cuando tu quieras si es al inicio lo pones en la función de .ready, si es con phonegap la ejectuas en el callback de deviceready.

No tiene más

$(document).ready(function () {
app.popup.open(".popup-about");
});

La función .ready funciona solo si tienes jQuery, Framework7 no tiene esa función.

Puedes poner

app.popup.open(".popup-about");

Siguiendo con el ejemplo anterior esto al final de tu index.html, se ejecutará siempre al inicio.

También puedes usar los eventos de page:init para la página inicial y lanzar esa función.

Saludos


#9

Solucionado amigo Gracias