滑らかなスライダのキャプションテキストを変更する

Question

私はを使用しています。Slick Slider私の画像スライドショーに使用します。各スライドには、データ属性のキャプションもあります。このデータの情報は、スライドショー以外のdiv内の各スライドごとに変更されますが、何らかの理由で、それをクリックしたときに最初に保存されたデータのみが表示されます。

JS

$('.category-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ 
    var title = $(".title").data("project"); 
    $(".project").text(title); 
}); 

これは私のデータとキャプションである

HTML：

<div class="projectTitle sans-s"> 
    <p class="title" data-project="<?php echo $project->projecttitle();?>"> 
    <?php echo $project->projecttitle();?></p> 
</div> 

データは、各スライドのためにここに表示されます：

<div class="project"></div> 

Answer 1

あなたはこの

$('.category-slider') 
    .on('afterChange', function(event, slick, currentSlide, nextSlide){ 

    var title = $(this).find(".title").data("project"); 
    $(".project").text(title); 
    }); 

のようなスライダーに特定のタイトルへの参照を行う必要があります