jQuery Isotope loading issue
I am actually trying to build a image gallery with jquery Isotope. I dont know why, but sometimes the gallery works perfectly and sometimes it has some kind of loading issue as you can see in my screenshot.
Source: www.sarahraaber.com
I already added a timer on pageload and the document loaded function to the head of my .js file. :-/ Any ideas how to work around that?
I have seen this before when using Isotope, it is usually a JS timing issue. Can you add a setTimeout() with a long timer of say 2000 within the initialisation or callback functions, then test to see if it still happens? That should help confirm.
I have also noticed on your site that resizing the browser clears up the layout issues. Try calling the Isotope update function once all has loaded to correctly update the layout.
- Enable client side validation on disabled select element
- How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
- Passing response from an AJAX call to another page
- How to reload page on closing a Bootstrap 3 modal
- How can I execute multiple, simultaneous jquery effects?
- Set Select2 selected values with JSON string
- How do I protect phone number from bots
- SecurityError: Blocked a frame with origin from accessing a cross-origin frame
- jQuery input mask length
- how to let jquery select2 disable one option dynamically?
- How to accurately determine if an element is scrollable?
- How do I format a number to 2 decimal places, but only if there are already decimals?
- Linking 'Enter' key to button - not working
- How to move an iFrame in the DOM without losing its state?
- How to add addEventListener to from parent to child in pure Javasvript?
- DataTables: .ajax is not defined?
- Assign value to Paragraph or P tag through jQuery for the data obtained from PHP
- jQuery Ajax returns the whole page
- jQuery QueryBuilder & Bootstrap5 tooltips not displaying correctly
- How to extract number from a string in javascript
- Ellipsis in the middle of a text (Mac style)
- Trying to load a lot of <video> tags on one page
- Reverse progressbar using CSS3
- VS Code Live Server not opening a jQuery file
- Display formated WooCommerce product total based on quantity above add to cart button
- How to reset (clear) form through JavaScript?
- How to disable scrolling in the background when the mobile menu is open?
- how to reset primefaces wizard's steps?
- OnClick Send To Ajax
- How to fit a select tag in a table cell properly