Anzeigen den Titel jeden Beitrag in dem Schieber (Wordpress)

Question

Ich versuche, den Titel der Post zu zeigen, wenn die Bilder in dem Schieber ändert und ich bin mit diesem Code:

<div class="form"> 
    <span> 
     <?php 
     if (has_post_thumbnail()) { 
      echo '<p>' . the_title() . '</p>'; 
     } 
     ?> 
    </span> 
</div> 

und

$('.slider-section').on('afterChange', function(event, slick, currentSlide) { 
    $('.form span').show(300); 
    $('.form').css({ 
     "display": "block" 
    }); 
}); 

es zeigt nur den Titel des ersten Bildes an, wie repariere ich es, um auf allen Bildern zu arbeiten?

Answer 1

Angenommen, Ihre .form in .slider-section tun

$('.slider-section').on('afterChange', function (event, slick, currentSlide){ 
       $(this).find('.form span').show(300); 
       $(this).find('.form').css({"display": "block"}); 
    });