滑动滑块goTo WordPress postID

我有一个滑块，其中包含CPT的所有帖子缩略图。我试图将其用作导航工具。在您滑动页面时自动加载发布内容而不刷新页面。它还会更新网址以反映新的当前帖子。滑动滑块goTo WordPress postID

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

经过一番研究，一些朋友的帮助，并通过这篇文章（https://gist.github.com/galdiolo/4b73c81925f659320b5a）我很接近，但不是那里。

我试图通过帖子的ID（我通过数据属性收集 - data-id="<?php echo get_the_ID(); ?>）JS和匹配它的光滑的索引。这是我到目前为止有：

滑块：

$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 Post ID与滑块中相应的索引相关联。

2017-07-29 Diah

不知道你的问题是什么，但第3个的JavaScript行应该是：

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

有一个]失踪了，据我所知值应在''数据选择包围。

2017-07-29 18:15:14

回答