Como sugiere el título, actualmente estoy usando Flexslider de WooThemes en un sitio que estoy creando.

No está allí, pero funciona cuando lo estoy cargando desde los archivos de mi computadora. Aquí hay una captura de pantalla de cómo se carga (correctamente) en mi computadora:

image as seen loading from fils on my computer

Sé que JavaScript funciona porque otras secuencias de comandos funcionan bien. (paralaje, desplazamiento suave, etc.)

1
John 30 ago. 2014 a las 18:39

2 respuestas

La mejor respuesta

Creo que su problema está en la carga doble de jQuery. Incluye jquery en <head> y en <footer>. Retirar uno de ellos.

1
maximkou 30 ago. 2014 a las 15:01

Le recomiendo encarecidamente que obtenga una herramienta como Firebug para Firefox y que aprenda a trabajar con ella.

Al visitar el sitio, con la pestaña "Consola" de Firebug activa, este error es visible de inmediato:

TypeError: $(...).flexslider is not a function
$('.flexslider').flexslider();

Esto puede decirle una de dos cosas:

  1. jQuery no se puede ejecutar a través del nombre de la función $ (lo cual es cierto en muchos casos en WP. Vea el punto # 5 en este artículo: http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/)
  2. El archivo js de flexslider no se está cargando (que, de hecho, lo está)

Entonces, cambie su código de:

    <script type="text/javascript" charset="utf-8">
        $(window).load(function() {
            $('.flexslider').flexslider();
        });
    </script>

Para:

    <script>
        jQuery(window).load(function($) {
            $('.flexslider').flexslider();
        });
    </script>

Y debería funcionar.

0
random_user_name 30 ago. 2014 a las 14:45