Skip to content

Instantly share code, notes, and snippets.

@JoshuaFrontEnd
Forked from ndunk28/slick-on-mobile.js
Last active October 9, 2019 14:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JoshuaFrontEnd/d5eb3f41c4c7cbfb991d4127b89868db to your computer and use it in GitHub Desktop.
Save JoshuaFrontEnd/d5eb3f41c4c7cbfb991d4127b89868db to your computer and use it in GitHub Desktop.
slick js only on mobile
// slider
$slick_slider = $('.slider');
settings_slider = {}
slick_on_mobile( $slick_slider, settings_slider);
// slick on mobile
function slick_on_mobile(slider, settings){
var mediaQuery = window.matchMedia('(min-width: 769px)');
mediaQuery.addListener(doSomething);
function doSomething(mediaQuery) {
if (mediaQuery.matches) {
if (slider.hasClass('slick-initialized')) {
slider.slick('unslick');
}
return
}
if (!slider.hasClass('slick-initialized')) {
return slider.slick(settings);
}
}
// On load
doSomething(mediaQuery);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment