Jquery Slideshow en la página no funciona

Estoy tratando de integrar una presentación de diapositivas de jquery, pero no funciona. Estoy usando 3 archivos jquery, el complemento de ciclo jquery y la hoja de estilo de presentación de diapositivas, ambos están incluidos en la página pero el slidesow no se mueve. Aquí está el enlace, la presentación de diapositivas está en #slider ul.

http://tinyurl.com/88aotym

La carpeta relevante que tiene js y la hoja de estilo es 'cat-slider'.

Esta es la función jquery en la sección principal.

    <script type="text/javascript">

   $(function() 
   {
    $(".slider ul")
    .cycle({
        prev:   '.slider .controls .prev', 
        next:   '.slider .controls .next',
        timeout: 3000,
        pager:   '.slider .controls .pages',
        pagerAnchorBuilder: pagerFactory,
        before: function(Ec, En, o, f) 
        {           
            var classTarget = $(Ec);
            var nextClassTarget = $(En);

            classTarget = classTarget.context.attributes.rel.value;
            nextClassTarget = nextClassTarget.context.attributes.rel.value;

            $('.slider .controls .' + classTarget).removeClass('selected');
            $('.slider .controls .' + nextClassTarget).addClass('selected');
        }
    });

    // Pager Function
    function pagerFactory(idx, slide) 
    {
        var selected = (idx == 0 ? 'selected' : null);
        return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />';
    };
});

</script>

preguntado el 02 de mayo de 12 a las 19:05

¿Puede mostrar todo el código correspondiente para su presentación de diapositivas? -

Después de echar un vistazo, no puedo ver que se haga referencia a los .js requeridos en la página:

Es posible que desee abordar los 59 errores y las 17 advertencias (validador.w3.org/…) -

@Amna Ahmed-¿Dónde está el complemento de aceleración? -

no es necesario para que la presentación de diapositivas funcione @coder, la presentación de diapositivas se puede ver en techmug.com/simple-jquery-slideshow-with-controls -

1 Respuestas

Revisé su código con algunos puntos de interrupción y resultó que el navegador ni siquiera saltó a su código de secuencia de comandos. Prueba a cambiar esto:

$(function() 
   {

a esto:

$(function() {

Eso no es una broma;) Escuché recientemente que en JS a veces ';' se insertan automáticamente al final de la línea, incluso si no queremos que en ese lugar. Tal vez esté sucediendo en su código.

contestado el 02 de mayo de 12 a las 21:05

Ok, veo que lo cambiaste y eso no ayudó. Buscaré otros errores. - Robar

¿Puedes modificar el código de $(function() { a $(function() { console.log($('.slider ul').size()); ? - Robar

Hmm, está bien, creo que en un 90 % no es un problema con el ciclo. Es un problema con la función. ¿Puedes intentar cambiar el signo $ a 'jQuery'? Entonces, el inicio de su código se verá así: jQuery (función () { Por cierto. ¿Hay alguna razón por la que inserta este código tan alto en DOM y no en la parte inferior del documento? - Robar

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.