Initialize slick slider after ajax success

Add following snippet into your ajax success.

if ($('.your_slick_selector').hasClass('slick-initialized')) {
    $('.your_slick_selector').slick('destroy');
}

$( '.your_slick_selector' ).html( response );

$( '.your_slick_selector' ).slick({
    infinite: false,
    slidesToShow: 5,
    slidesToScroll: 5,
});

Related Articles

How to Create Child-theme in WordPress Step by Step very easy

Video for who doesn’t like to read ;). And if you like the video then subscribe my channel and share this with others who has…

Abort all running ajax on click jQuery

There may be times you want to stop ajax request on some event like on click, hover etc… In my case, I wanted to run…

PHPCode Sniffer + Sublime on windows

Things you need for: cmder composer Sublime Text 2/3 We are going to install using composer, because it will automatically install related packages. So no…

Add custom filter for searching post or users in WordPress backend

For this, two parts are important. Part 1: Adding select dropdown Below is the action by which we can add a new search filter for…

Fix 404 error on nginx

Sometimes you get unexpected 404 error from Nginx server. And I am going to tell you how I fixed the issue. You can fix that…

Responses

Leave a Reply