我有一个滑块,其中包含CPT的所有帖子缩略图。我试图将它用作导航工具。当您滑动页面时,页面会自动加载帖子内容而不刷新页面。它还会更新URL以反映新的当前帖子。
我遇到的问题是,当您导航到特定帖子的URL时,内容会正确加载,但是光滑的滑块会在开头加载,换句话说,后缩略图不会加载。 t匹配帖子内容。
经过一些研究,朋友的一些帮助,并通过这篇文章(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,
这段代码我的#guru&#34;发给我了:
var $slide = $(".slick-slider [data-id=" + postID + "");
var slideIndex = $slide.data("slick-index");
$(".slick-slider").slick("goTo", slideIndex);
问题是我对JS一无所知,我也不知道如何修改代码以及在滑块启动中将其插入的位置。
基本上我需要了解如何将WordPress帖子ID与滑块中的相应索引相关联。
答案 0 :(得分:0)
不确定您的问题是什么,但3条JavaScript行中的第一行应该是:
var $slide = $(".slick-slider [data-id='" + postID + "']");
缺少]
,AFAIK值应在数据选择器中被''
包围。