Slick Slider не работает во время вызова AJAX с использованием php

Question

Я использую скользкий слайдер. В то время как я вызываю часть HTML, у которой есть скользящий слайдер, используя вызов AJAX, это не работает. Я упомянул мой код, как показано ниже:

$(document).ready(function(){

        var year = $("#year").val();

        if(year == 'all'){


            $.ajax({
              method: 'post',
              url: 'helpData.php',
              data: {year:year},
              success: function(data){
                $("#helpData").html(data);
              }
          });
        }
    });

Это вызов AJAX.

if ($(this).is(".slider3")){
      $(this).slick({
        dots: true,
    autoplay:true,
    autoplaySpeed:1500,
    prevArrow: false,
      nextArrow: false,
      });
    }

Этот код для скользящего слайдера, который находится в другом файле JS, который я уже включил.

<?php 
        foreach ($helpData as $hdata) { 
                    $heData = $help->getAllImg($hdata->heid); 
            ?>
            <div class="col-md-6">
            <div class="onePost">
                <div class="mySlider slider3">
                    <?php foreach( $heData as $himg ){ ?>
                    <div class="bannerSlider">
                        <img src="<?php echo SITE_URL; ?>/img/help/<?php echo $himg->photo;  ?>" class="img-responsive otherImages" />
                    </div>
                    <?php  } ?>
                </div>
                <a href="highlightpost.php?id=<?php echo $hdata->heid; ?>">
                    <p class="photoCaption">
                        <?php echo $hdata->title; ?>
                    </p>
                </a>
                <p style="float: right;">
                    <a href=""><i class="fas fa-share-alt"></i></a>
                </p>

            </div>
            </div>
            <?php } ?>

<?php } ?>

Это мой helpData.php код, который вызывается с использованием AJAX.

Answer 1

Попробуйте,

<?php

$html='';

foreach ($helpData as $hdata) {
    $heData = $help->getAllImg($hdata->heid);
    $html .=     '<div class="col-md-6">
        <div class="onePost">
            <div class="mySlider slider3">';
   foreach ($heData as $himg) { 
       $html .='<div class="bannerSlider">
                        <img src="'.SITE_URL.'/img/help/'.$himg->photo.'" class="img-responsive otherImages" />
                    </div>';
    }
     $html .='</div>
            <a href="highlightpost.php?id='.$hdata->heid.'">
                <p class="photoCaption">'.$hdata->title.'</p>
            </a>
            <p style="float: right;">
                <a href=""><i class="fas fa-share-alt"></i></a>
            </p>

        </div>
    </div>';
}

echo $html;

?>