Slick goTo WordPress postID

Question

我有一个滑块，其中包含了CPT的所有帖子缩略图。我正试着把它当做导航工具。当您滑动时，页面会自动加载帖子内容，而无需刷新页面。它还会更新URL以反映新的当前帖子。

我遇到的问题是，当您导航到特定帖子的URL时，内容会正确加载，但slick滑块会在开头加载，换句话说，帖子的缩略图与帖子内容不匹配。

经过一些研究，一些朋友的帮助，以及通过这篇文章(https://gist.github.com/galdiolo/4b73c81925f659320b5a)，我很接近，但并不完全是这样。

我尝试将帖子的id (我通过数据属性data-id="<?php echo get_the_ID(); ?>收集)传递给JS，并将其与slick的索引进行匹配。这就是我到目前为止所知道的：

滑块：

$slider = $('.slider').slick({ centerMode: true, infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: true, focusOnSelect: true,

我的“导师”发给我的这段代码：

var $slide = $(".slick-slider [data-id=" + postID + "");
var slideIndex = $slide.data("slick-index");
$(".slick-slider").slick("goTo", slideIndex);

问题是，我对JS一无所知，也不知道如何修改代码，以及在我的滑块初始化中将其插入何处。

基本上我需要的是了解如何将WordPress帖子ID关联到它在滑块中的相应索引。

Answer 1

不确定您的问题是什么，但3行JavaScript中的第一行应该是：

var $slide = $(".slick-slider [data-id='" + postID + "']");

缺少]，数据选择器中的AFAIK值应该用''括起来。