Slick Slider для перехода к WordPress postID
У меня есть слайдер, который содержит все миниатюры сообщений для CPT. Я пытаюсь использовать его как инструмент навигации. При перемещении страницы автоматически загружается содержимое публикации без обновления страницы. Он также обновляет URL, чтобы отразить новое текущее сообщение.
Проблема, с которой я сталкиваюсь, заключается в том, что при переходе по URL-адресу определенного сообщения содержимое загружается правильно, но скользкий ползунок загружается в начале, другими словами, эскиз сообщения не соответствует содержимому сообщения.,
После некоторого исследования, некоторой помощи от друга и прохождения этого поста ( https://gist.github.com/galdiolo/4b73c81925f659320b5a) я довольно близок, но не совсем там.
Я пытаюсь передать идентификатор сообщения (который я собираю через атрибут данных - 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 с соответствующим индексом в слайдере.
1 ответ
Не уверен, в чем ваша проблема, но первая из 3 строк JavaScript должна быть:
var $slide = $(".slick-slider [data-id='" + postID + "']");
Есть ] отсутствует, и значения AFAIK должны быть окружены '' в селекторе данных.