jquery-isotope

I have objects I am loading in with XML and jQuery and trying to hook on to Isotope, but is seems it's a no go. Is this possible? I've tried many different solutions but can't seem to find one that works. This is what I have. I've tried a callback function in isotope, but still no luck.. I am calling in my class with the XML and the result is this in firebug: item yellow, item red , item blue , etc. var $container = $('#container'); var $checkboxes = $('#filters a'); $container.isotope({ itemSelector: '.item', transformsEnabled: false, animationOptions: { duration: 4000, easing: 'easeInOutQuad

Lets say I have <div class="cont"> <div class="single">1</div> <div class="single">2</div> <div class="single">3</div> <div class="single">4</div> <div class="single">5</div> <div class="single">6</div> <div class="single">7</div> </div> What I want to have is to plase the .single divs in 2 rows like bricks horizontaly from left to right this simple way: 1st div will be in left top corner, 2nd will be placed below 1st, 3rd will be placed next to 1st, 4th will be placed below 3rd and so on like: 1 3 5 7 9 2 4 6 8 All the divs has the same size. I've tried with masonry.js and its working like a

I have a list of 20+ items. The background-color changes using the :nth-child(2n+1) selector. (ie. even item black, odd item white). When I click a button to filter out specific items using the jQuery Isotope plugin it adds a .isotope-hidden class to the items I want to filter out, which changes the position of the list item to 0,0 and opacity to 0. When this happens the remaining items are left with the original black/white background-colors, which are now no longer in order. Does anyone know a way to "repaint' the css using the :nth-child(2n+1) selector on the items that do not contain the

I've got something I've put together using jQuery isotope here.. http://jsbin.com/eziqeq/6/edit It seems to work in general but on first load, of a new tab, the Isotope plugin is setting the height of the wrapper element to 0. If I refresh the page it does work and sets the height of the parent element based on the the items found inside. Any help would be greatly appreciated. I can't think why off this first load this isn't working and on subsequent reloads it is.. unless its perhaps something to do with caching the images it loads? EDIT-- This is a caching issue in Webkit browsers as it

I'm trying to filter from an entirely different page, to where my Isotope is. Currently, I am calling isotope sucessfully with: $(function() { // cache container var $container = $('.isotope-container'); var $defaultfilter = $('.feature-this'); $('.isotope-container').isotope({ filter: '.feature-this', masonry: { columnWidth: 326, resizesContainer: false } }); // filter items when filter link is clicked $('#filters a').click(function(){ var selector = $(this).attr('data-filter'); $container.isotope({ filter: selector }); return false; }); // set selected menu items var $optionSets = $('.option

I'm using isotope to filter a list with multiple filters where it is possible that based on a combination of certain filters no items will be displayed. In this case I want to display a message to the user that based on their filter parameters, no results exist. How would I go about that and does isotope have something built in to handle this? Here is a jsfiddle example. should be displayed if no items match filter set... http://jsfiddle.net/cssguru/e4vA3/ $(function(){ var $container = $('#container'), $checkboxes = $('#filters input'); $container.isotope({ itemSelector: '.item' });