Skip to main content

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.

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'); ...
baxi's user avatar
  • 153
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 ...
Ben Belek's user avatar
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....
clestcruz's user avatar
  • 1,111
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 ...
Farazi Derviş's user avatar
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 ...
Simone Conti's user avatar
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 ...
DJ Michael Constanta's user avatar
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'...
Martyn's user avatar
  • 6,317
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 '...
alex eusebio's user avatar
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="...
baxi's user avatar
  • 153
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 ...
user21218167's user avatar
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 ...
Steven Lara's user avatar
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 ...
Igor Laszlo's user avatar
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/...
Igor Laszlo's user avatar
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 ...
Milo's user avatar
  • 7
0 votes
1 answer
152 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 ...
GoodnessGoodness Chi's user avatar

15 30 50 per page
1
2 3 4 5
112