jquery-isotope

问题 This question already has answers here : Closed 7 years ago . Possible Duplicate: How to center DIV in DIV? Please take a look at the image below: How can I make the grey squares horizontally centered inside the red container div? This is all made with isotope, so please keep that in mind. Thanks in advance. Even if the parent (red) div is always aligned in the middle, the grey, smaller ones are not. In the top image, when they are aligned in one single column, that column should be in the

问题 I'm using isotope ( http://isotope.metafizzy.co ) with expandable items, and i would like to use ScrollTo so that i can automatically scroll to the newly expanded item.. I first tried to use the callback with the reLayout method, something like: container.isotope('reLayout', iwannascroll(origin)); function iwannascroll(origin_with_newpos){ $.scrollTo(origin_with_newpos, 800); } origin being a variable where i put "this" from the click handler. Unfortunately, i always get the old position of

问题 I've spent considerable amount of time trying to get isotope and lazy loading working together. The issue: lazy loading works if the user scrolls down, however if the user uses the filters, the items show up on top but the images will not load. Here is someone with the same issue, but it seems he fixed it. I tried several things but still couldnt get it working. Here is the dicussion https://github.com/tuupola/jquery_lazyload/issues/51 Thanks alot for your help The code I am using is as

问题 I have a series of clickable boxes. I need to be able to expand the boxes and hide its img. I also need to be able to close previous opened one taking it back to its original height and defined width while fading back in its img. .info loads ajax content <div class="box"> <img src="#" /> <div class="info"></div> </div> <div class="box"> <img src="#" /> <div class="info">Ajax load content</div> </div> <div class="box"> <img src="#" /> <div class="info">Ajax loads content</div> </div> The css,

问题 I am not good at jQuery so I am not sure if my assumptions are corrent. I am using the isotope plugin, with which I want to insert elements one by one (and not everything at once) with a slight delay so it will also look like it (for the human eye) to insert an item with isotope I use $('#container').isotope( 'insert', $item); so in order to insert one-by-one I am doing $("#items_are_here").find('.item').each(function( index ) { setTimeout(function() { $('#container').isotope( 'insert', $

问题 I am not good at jQuery so I am not sure if my assumptions are corrent. I am using the isotope plugin, with which I want to insert elements one by one (and not everything at once) with a slight delay so it will also look like it (for the human eye) to insert an item with isotope I use $('#container').isotope( 'insert', $item); so in order to insert one-by-one I am doing $("#items_are_here").find('.item').each(function( index ) { setTimeout(function() { $('#container').isotope( 'insert', $

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 6 years ago . Is there a way to get isotope to order the grid in the way that there are no gaps? I see the elements changing places in few of the demos but can't achieve the effect myself. Like here: http://isotope.metafizzy.co/demos/layout-modes.html Here's my fiddle: http://jsfiddle.net/crappish/zvRy5/ As you can see, when

问题 I am trying to integrate isotope but Iam having problems getting it to work with ajax. Here's the code: <script type="text/javascript"> var currentPage = 1; $(function(){ var getUrl = 'loadMovies.php'; var getQuery = 'genrefilter='+movieSelection.elements["genreFilter"].value; getQuery += '&yearfilter='+movieSelection.elements["yearFilter"].value; getQuery += '&titlesort='+movieSelection.elements["titleSort"].value; getQuery += '&ratingsort='+movieSelection.elements["ratingSort"].value;

问题 Have started a project using jQuery Isotope. Initially integrated with Infinite scroll, but thought it was a little clunky. Was hoping to replace Infinite Scroll with Lazy Load, and wondered if anyone has had any luck combining the two. Any tips to get them to play nice would be great. Thanks a mill 回答1: If you want to use isotope's sorting/filtering functions, you will need to set the failure_limit of lazyload and trigger the event with isotope's onLayout callback. jQuery(document).ready

问题 I am working on the portfolio section of my web, and these codes i have in filter.js script (in wp-includes/js folder) jQuery(document).ready(function(){ jQuery(".grid-item").first().addClass("comercial"); jQuery(".grid-item:eq(1)").addClass("residencial"); jQuery(".grid-item:eq(2)").addClass("cultural"); jQuery(".grid-item:eq(3)").addClass("interiores"); jQuery(".grid-item:eq(4)").addClass("residencial"); jQuery(".grid-item:eq(5)").addClass("residencial"); jQuery('.grid').isotope({