Slick Slider goTo WordPress postID

Question

CPTのすべてのポストサムネイルを含むスライダがあります。私はそれをナビゲーションツールとして使用しようとしています。スライドすると、ページを更新せずに自動的にポストコンテンツが読み込まれます。また、現在の新しい投稿を反映するためにURLを更新します。

私が問題になっているのは、特定の投稿のURLに移動するとコンテンツが正しく読み込まれますが、滑らかなスライダが最初に読み込まれます。つまり、投稿のサムネイルが一致しません投稿内容に

いくつかの調査の後、友人からの助けを借りて、この投稿（https://gist.github.com/galdiolo/4b73c81925f659320b5a）を通過します。

投稿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 Post IDをスライダの対応するインデックスに関連付ける方法を理解することです。

Answer 1

ないあなたの問題はあるが、3つのJavaScriptの行の最初がどうあるべきかを確認します。

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

あり欠落している]だ、と私の知る限りの値がデータセレクタに''で囲む必要があります。