jquery-isotope

I started using awsome JQuery Isotope plugin in my project. Everything works great, but I'm having one issue with corner-stapm option. Each element in my masnory grid has fixed width (220px + 5 margin) and random height (depending on its content) and I am using @media queries in CSS file to change columns number on different screen resolution (page width can be 230, 460, 690.. etc.). Problem with corner stamp occurs in the narrowest version (one column) - the corner stamp is covered with Isotope elements... The same issue occurs on Isotope official page in this demo: http://isotope.metafizzy

I the context of Backbone views, I add and remove views in the DOM. However, the container that contains Isotope elements only works during the initial load; after that, when the container is removed, and added again, Isotope is not working as expected. I did quick JSfiddle here: http://jsfiddle.net/mulderp/T8aSQ/6/ --> When I add the Isotope container: var list = '<div data-foo="bar" id="container"><div class="item red"></div><div class="item blue"></div></div>'; $container.html(list); $container.isotope('shuffle'); Isotope is not running anymore, although the DOM structure would look similar

I'm looking for a type of sort behaviour, one that would match a specific category and bring this to the front of the listing. Like a filter would, except without removing other items. Imagine these category items in an Isotope grid: Red Green Blue Red Green Blue If I sort by category, it does so alphabetically to show: Blue Blue Green Green Red Red What I'd like is to float a specific category to the front, e.g. "Green", like so: Green Green Red Red Blue Blue Is this possible? I've tried adding a getSortData function for each category like so: green : function( $elem ) { var $greenItems =

I'm trying to get a home page that has a bunch of content under Isotope to show each hash change as a pageview in Google Analytics. Originally, I was going to do this as events, but it really should be pageviews. So I setup the modified GA: (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXXXXX-X', {'allowAnchor':

To all jQuery heros out there, I need help! (again) I found similar questions to mine on the internet but there were no answers so far :-/ I want to filter a bunch of items with jquery isotope. I adapted the combination filter example from the plugin homepage, which works fine and looks like so: $(function () { var $container = $('#container'), filters = {}; $container.isotope({ itemSelector: '.item', filter: '', }); // filter links $('.filter a').click(function () { var $this = $(this); // don't proceed if already selected if ($this.hasClass('selected')) { return; } var $optionSet = $this

I'm using the jQuery Isotope plugin (http://isotope.metafizzy.co/) which is awesome, but I have a problem with creating the sorts. It's more of a JavaScript problem than anything to do with Isotope itself. The problem is that I'm building the sort data dynamically. So I've created a function that makes the sortData. An example below: function getSortData(){ sortData = {}; var sorts = ['symbol', 'number', 'score', 'name']; for (var i in sorts) { sortData[sorts[i]] = function($elem) { console.log(sorts[i]); return parseInt($elem.find('.'+ sorts[i]).text()); } } return sortData; } So the problem