He estado desarrollando mi primer sitio móvil con jQuery Mobile y puedes verlo aquí:

http://m.4playtheband.co.uk/index.php

El control deslizante funciona bien cuando visita el sitio por primera vez, pero si navega a otra página y regresa, el control deslizante no funciona.

Creo que esto se debe a que la navegación predeterminada de jQuery Mobile se realiza en una especie de forma AJAX-y, por lo que el control deslizante debe reiniciarse, lo que no está sucediendo en este momento.

Estos son los scripts de mi encabezado:

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
        $('.flexslider').flexslider({
            animation: "fade",
            slideDirection: "horizontal",
            slideshow: true,
            slideshowSpeed: 7000,           
            animationDuration: 500
        });
    });
</script>

Como solo estoy usando la versión 1.6.4, entonces la función .live aún debería funcionar, lo que creo que lo solucionará, pero no puedo averiguar qué evento usar.

Si alguien pudiera ayudar, se lo agradecería mucho.

0
martincarlin87 23 feb. 2012 a las 02:35

1 respuesta

La mejor respuesta

No es ideal, pero una forma de solucionarlo es simplemente editar todos los enlaces a la página de inicio para desactivar el enlace ajax predeterminado y esto se hace de la siguiente manera:

<a href="index.php" data-ajax="false">home</a>
0
martincarlin87 24 feb. 2012 a las 01:12