Question: How can I exclude isotope-hidden items?
See original GitHub issueI have used Magnific-Popup in conjunction with isotope. When I filter the items with isotope, it adds the class isotope-hidden. But the magnific-popup disregards that class and displays all items also.
My popup items have the class: .portfolio-item I am using the following code for magnific popup:
$('.portfolio-item').magnificPopup({
delegate: 'a.item',
type: 'image',
image: {
titleSrc: 'alt',
verticalFit: true
},
gallery:{
enabled:true
}
});
if I use the $(‘.portfolio-item:not(.isotope-hidden)’).[…] then it blocks the script completely and displays the image only (no js, just the image).
Issue Analytics
- State:
- Created 10 years ago
- Comments:8 (2 by maintainers)
Top Results From Across the Web
Exclude isotope-hidden items from slideshow - Stack Overflow
I have used Magnific-Popup in conjunction with isotope in a wordpress projects to make a gallery with slideshow and filters. When I filter...
Read more >Deployment error 'No such standard button to exclude ...
Hi, I hope this is not Standard button from salesforce. There may be some managed package. Can you check the similar question which...
Read more >Exclude isotope-hidden items from slideshow - GigaRocket
I have used Magnific-Popup in conjunction with isotope in a wordpress projects to make a gallery with slideshow and filters.
Read more >Nature's Ultra-Rare Isotopes Can't Hide from this New Particle ...
It takes a special facility to find nature's ultra-rare isotopes. This new accelerator will find 80% of them.
Read more >Methods - Isotope
Filters, sorts, and lays out items. arrange is the principle method of Isotope. It is the default method with jQuery .isotope() . Pass...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Almost, just put a selector of a single item
'.isotope-item:not(.isotope-hidden) a.item'
I found this solution thanks to http://www.andrealarosamultimedia.com/blog/isotope-filters-and-magnific-popup.
It adds .isotope-hidden to isotope v2.