Bonjour,

J'affiche sur ma page web une liste de noms sous la forme d'un carousel en utilisant:
http://kenwheeler.github.io/slick/

Le mot sélectionné est surligné d'une couleur.

Je souhaite avoir le mot sélectionné (courant) au centre et j'utilise donc l'option centerMode: true
Le problème est que lorsque je clique sur un mot, ma page est rechargée, mon script également mais le mot n'est pas centré...

Code Jquery:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
(function ($) {
function carousel(){
		alert("carousel");
		$('#list-categories-row1').slick({
			  slidesToShow: 10,
			  slidesToScroll: 1,
			  centerMode: true,
			  responsive: [
				  {
					breakpoint: 768,
					settings: {
					  centerMode: true,
					  slidesToShow: 2
					}
				  }
				]
			});
 
 
	}
$(document).ready(function() {
	carousel();
  });
})(jQuery);
Le script carousel est bien rappelé une fois que le mot est cliqué mais c'est le 1er mot qui est tout de même placé au milieu.
Auriez-vous une idée de comment résoudre ce problème. Faut-il chercher à rajouter une classe à l'élément sélectionné?

Merci pour votre aide