Questions tagged [jquery-isotope]
Isotope is a client-side jQuery plugin that allows masonry-style grid and table layouts, along with data sorting and filtering, to enable dynamic relayout of elements on a page.
jquery-isotope
1,674
questions
0
votes
0
answers
21
views
Isotope trigger by passing parameter
Hi below is my script but its not working
$(window).load(function() {
var hash = window.location.hash.substr(1);
var buttonFilter = '.'+hash;
$('button#'+hash).addClass('is-checked'); ...
0
votes
0
answers
13
views
Isotope Combination filters Dropdown
I've got an issue with isotope metafizzy filters combination : https://isotope.metafizzy.co/
I'm building a line-up for concerts and meetings.
And for example i have a band that plays in London on ...
0
votes
1
answer
32
views
Trying to clear markers when toggling checkbox
I'm trying to resolve an issue with regards on how I can clear the markers when listening to changes on the checkbox. I've been building a map plotter with the combination of libraries from leaftlet....
0
votes
0
answers
15
views
Isotope buttons not working when upload to site
Isotope buttons work perfectly fine while working with Visual Studio Code. However, after uploading the site to my hosting, the buttons stop working, and all images are displayed on a single page. I ...
0
votes
0
answers
32
views
Using Isotope library on Elementor editor/preview
Good morning.
I'm tying to show the Isotope effect both on the frontend and the backend of my Elementor widget.
These are the related parts of the code of my plugin.php file:
class ...
0
votes
0
answers
26
views
Isotope, Wordpress, Visual Composer Problem on Filtering with random sort only the default load
I have this problem
Rendering isotope with all the data filter. Every filter is showing what needs to show. The best part comes now because i want the data filter all to be randomize.
var_dump with ...
0
votes
0
answers
81
views
Using IsotopeJS on list items within a Vue 3 template
I'm trying to use isotopeJS filtering but the list container is inside my Vue3 template. I've tried to use v-pre to tell the renderer to ignore the list as it doesn't need any Vue3 rendering. Also, I'...
0
votes
0
answers
36
views
isotope gallery not updated on load from another page
I am using Isotope to filter a project gallery. I managed to update my gallery by clicking from a menu link on my homepage. However, when I'm on another page and click on one of the links with the '...
0
votes
0
answers
33
views
Isotope filter with pagination and search
Below is my codepen code the search is not working with pagination
https://codepen.io/SohRonery/pen/wvvBLyP
<div class="searchinput">
<input type="text" id="...
0
votes
0
answers
29
views
isotope javascript does not aligned properly
Problem is Isotope doesn't display the grid correctly when the page loads, or even when you refresh it, however, once I sort items it fixes itself, also if I resize the window it seems to fix the ...
0
votes
1
answer
32
views
Why Isotope reloadItems() duplicates elements when deleting them?
I am currently using React, Firebase Real-Time Database, Material UI, and the Isotope library.
The issue I'm currently facing is related to adding a modal to confirm the deletion of a note. When I ...
0
votes
0
answers
14
views
Install masonry in isotope items (not masonry layout of isotope!)
I have isotope grid installed with filters, and it works fine :
var $grid = $('.grid')
$grid.isotope({
layoutMode: 'masonry',
itemSelector: '.box',
stagger: 30, // item ...
0
votes
0
answers
42
views
Isotope filter with checkbox or select options with multiple choices
I tried to find how to make a classic checkbox filter group with my existing data-filter method but what I find on internet, they are all combined or use value, etc (https://codepen.io/desandro/pen/...
0
votes
0
answers
12
views
Isotope: display active selected value on button label
I use a Isotope Filter to filter based on the active selected option.
Once the option is selected, the corresponding is filtered. When "Option A" is selected, only "A div" are ...
0
votes
1
answer
153
views
Converting jQuery Isotope Filtering Code to Vanilla JavaScript
I'm working on a project that utilizes Isotope Layout to filter HTML elements. Currently, I'm using jQuery to achieve the filtering functionality, but I'd like to transition to pure vanilla JavaScript ...