J'ai un curseur qui contient toutes les post-vignettes pour un CPT. J'essaie de l'utiliser comme un outil de navigation. Lorsque vous faites glisser la page, le contenu du post est automatiquement chargé sans actualiser la page. Il met également à jour l'URL pour refléter le nouveau message en cours. Le problème que je rencontre est que lorsque vous naviguez vers une URL d'une publication spécifique, le contenu se charge correctement, mais le curseur slick se charge au début, en d'autres termes, la vignette de publication ne correspond pas au contenu du message. Après quelques recherches, de l'aide d'un ami, et en passant par ce poste (https://gist.github.com/galdiolo/4b73c81925f659320b5a) je suis assez proche de mais pas tout à fait là. J'essaie de transmettre l'ID du poste (que je recueille via un attribut de données - data-id="<?php echo get_the_ID(); ?>) à JS et de l'associer à l'index de slick. C'est ce que j'ai jusqu'à présent:Slick Slider goTo WordPress postID
Le curseur:
$slider = $('.slider').slick({ centerMode: true, infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: true, focusOnSelect: true,
Et ce morceau de code mon "gourou" m'a envoyé:
var $slide = $(".slick-slider [data-id=" + postID + "");
var slideIndex = $slide.data("slick-index");
$(".slick-slider").slick("goTo", slideIndex);
Le problème est que je n » Je ne sais rien sur JS et je ne sais pas comment modifier le code et où l'insérer dans mon initiation de curseur.
Fondamentalement ce dont j'ai besoin est de comprendre comment associer l'ID poste WordPress à son index correspondant dans le curseur.