Isotope filter with Slick SliderSOLVE
2 weeks ago - last edited a week ago
A bit of a long shot, but I'm hoping someone has the technical knowhow to come to the rescue.
I'm building a new module that uses data from HubDB. To filter this data I'm using the Isotope JS library in a select list. Then to display the information I'm using a Slick Slider carousel. On the face of it, it works as it should, however when you make a new selection from the select list, it only updates one box and not the title / plot above it.
I have created a demo on codepen to help demonstrate the issue.
You’ll see that when you drag the main box across (bottom), it does change the plot number above which works as it should. However, upon changing the site in the select list, only the main slider (bottom) info changes and not the plot / site above it.
I assume it requires some custom JS code but I just don't know it!
Solved! Go to Solution.
a week ago - last edited a week ago
So I think you might have just missed a minor detail!
When you're applying your filters you should also filter the .pno slider:
… $('.slick, .pno').slick('slickUnfilter'); $('.slick, .pno').slick('slickFilter', filterClass); …
Using multiple selectors separated by commas is how jQuery allows you to use methods on multiple objects!
Hope this gets ya going!