2013-09-06 7 views
0

J'ai essayé d'utiliser jcarousel sur ma page
Je n'ai pas eu d'erreur dans la console, mais cela ne fonctionne pas.jcarousel plugin ne fonctionne pas

J'ajoutèrent les bibliothèques et le code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="Scripts/jquery.jcarousel.min.js"></script> 
<script src="Scripts/jquery.jcarousel-autoscroll.min.js"></script> 
<script src="Scripts/jquery.jcarousel-control.min.js"></script> 

<script> 
    $(function() { 
     $('.jcarousel-1').jcarousel({ 
      vertical: true, 
      'wrap': 'both', 
      'list': '.jcarousel-list', 
      'scroll', '+=2' 
     }) 
     .jcarouselAutoscroll({ 
     }); 

     $('.jcarousel-prev').jcarouselControl({ 
      target: '-=1' 
     }); 

     $('.jcarousel-next').jcarouselControl({ 
      target: '+=1' 
     }); 
    }); 
</script> 

Ceci est mon code
http://jsfiddle.net/mDmZ5/2/

Je dois montrer que deux éléments et utiliser les flèches à feuilleter.
Quelqu'un peut-il m'expliquer ce qui ne va pas avec mon code?

Répondre

1

Votre objet de configuration pour jCousel est une déclaration d'objet non valide (vous avez une virgule entre scroll et sa valeur au lieu d'un signe deux-points). Essayez ceci:

$('.jcarousel-1').jcarousel({ 
    vertical: true, 
    'wrap': 'both', 
    'list': '.jcarousel-list', 
    'scroll': '+=2' 
}) 

Note: Votre jsFiddle ne fonctionnera pas parce que vous ne pouvez pas lier source GitHub.

+1

et dans votre violon il y avait un point-virgule à la fin de la même ligne (''scroll': ...'). Ne le voyez pas dans votre question, mais peut-être le même problème. Veuillez regarder dans votre console pour d'autres erreurs – giorgio

Questions connexes