question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question: How can I exclude isotope-hidden items?

See original GitHub issue

I 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:closed
  • Created 10 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
dimsemenovcommented, Jul 3, 2013

Almost, just put a selector of a single item '.isotope-item:not(.isotope-hidden) a.item'

1reaction
abelqcommented, Nov 8, 2017

I found this solution thanks to http://www.andrealarosamultimedia.com/blog/isotope-filters-and-magnific-popup.

It adds .isotope-hidden to isotope v2.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found