Comments (2)
Your markup could be
<div class="foo"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="baz"></div>
All you would need is to pass in a valid jQuery selector that would match it so baz is always a valid selected item
// show foo, plus baz
$('#container').isotope({ filter: '.foo, .baz' });
// show bar, plus baz
$('#container').isotope({ filter: '.bar, .baz' });
from isotope.
Thanks you very much for your reply desandro.
I am afraid that it does not work for me. Let me explain it better. In side the elements I have the filters, so the first element include the filters. Its element has its own keywords and I gave one keyword to the filters/element which is .menu
by using: $('#container').isotope({ filter: '.foo, .menu' });
I am getting one default set of elements and menu but when I am selecting any of the keywords/flters the menu is gone.
One way is to pass the hastag .menu to every selection and works but I was asking if there is some more efficient way to do this.
Also how can I have menu always on and as default on the first load be everything on?
cheers
from isotope.
Related Issues (20)
- Filter multiple sections on a page HOT 2
- Error parsing data-masonry on row: SyntaxError: Expected property name or '}' in JSON at position 1
- 你们怎么解决的页面闪烁的问题?How do you solve the page flicker problem?
- How to scroll to a specific element during layout-animation? HOT 1
- Gutter works for columns not rows HOT 1
- error in docs example HOT 1
- filtering twice? HOT 2
- pile ties up when sorting? HOT 7
- Double loading of items when filtering or loading more HOT 1
- Using function and filter at the same time
- Strange spacing with filter active HOT 1
- Site is down HOT 1
- Images Stopped Displaying in Grid and Now in 1 Column. Should be 3 HOT 4
- Trying to filter buttons, search, and hash HOT 2
- Items get correctly displayed on 3 columns when using one filter, but get stacked on a single column if using a different filter HOT 3
- Issue with Icotope tab & Slick Slider HOT 2
- Istotope: CSS transitions/animations HOT 1
- This is a dead project, isn't it? HOT 2
- ignore
- unpkg links no longer working HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from isotope.