jquery-isotope

问题 I'm trying to use isotope with AngularJS (to layout a set of "cards"). Instead of adding to the DOM directly, I add elements via isotope using container.isotope('insert',element). I do all this in the linking function, but it appears that when I insert stuff into the DOM in the linking function, the sizes aren't set correctly (in my case, height is 0), so the elements don't get drawn properly. If I resize the window, the elements then get draw correctly. I was thinking that I could use a

问题 I am using Bootstrap and the divs are 4-columns each (col-md-4) . Based on Bootstrap with 12-columns it means that in the PC media screen it would be three divs at each row. Below 991px it's standard that each 4-columns covers the whole screen. Please see screenshot: However, I want the 4-columns to only cover 50% of the screen when screen size is between 600px and 990px. Meaning there are two divs at each row. This is something I have succeeded in, but there are some issues. When loading the

问题 I'm trying to use isotope.js on my wordpress theme. I would sort the object in this way, where "Series,Music,Cultura,Sport" are "filter" generated by the custom taxonomy. var $container = $j('.containerport'); $container.isotope({ stamp: '.stamp', itemSelector: '.thumbportfolio', getSortData : { Series : function( $elem ) { var isSeries = $j($elem).hasClass('Series'); return (!isSeries?' ':''); }, Musica : function( $elem ) { var isMusica = $j($elem).hasClass('Musica'); return (!isMusica?' ':

问题 I am trying to integrate Isotope JS on Joomla 1.5 site. (I know it's old Joomla!) https://www.buffalobrownies.com/?view=article&id=269 I got the code working fine on a test page on that domain (but outside of Joomla). Inside Joomla, neither the JQuery nor vanilla JS seems to trigger. With JQuery trigger code on, I get this error on Chrome Console: Cannot read property 'isotope' of null (With the vanilla JS script turned on I get a bunch of OTHER errors......) So I'm guessing there is

问题 I'm trying to add Isotope to my new Wordpress theme. The issue is that it won't display because something is adding an inline (display:none) style to the main isotope wrapper. It looks like this: <div id="container" class="photos clearfix isotope" style="position: relative; overflow: hidden; display: none;"> I just added the following CSS override to my style sheet: .isotope { display:block !important; } Is there a better way to go about this? I feel like it's a tacky solution... 回答1: /*

问题 I need to use them in my ember-cli project. How to start? I writed in terminal: bower install isotope --save then in my ember-cli-build.js I added app.import ecc... , but then I don't know what to do. Where to put my intialization script, like this: $('.grid').isotope({ // options itemSelector: '.grid-item', layoutMode: 'fitRows' }); If I put it in application.hbs it give to me an error and when i change route with {{#link-to}} it doesn't work anymore. What to do? In the web there aren't many

问题 I have had a go at implementing lazy loader on my site. See the sandbox here: http://www.brencecoghill.com/projects/north-vietnam/ the following text was added to my isotope to make this work (along wit the necessary html and linking to the library from the header): $("img").lazyload({ event : 'scroll', effect : 'fadeIn', appear: function(){ } }); This appears to work fine in firefox, but is a total fail in IE (i tested with version 8) - just displaying grey boxes. how do I fix this to work

问题 Following to this problem I had. I'm trying to apply the following fix to get getComputedStyle to work with IE8 (and -) in the code I use for jQuery isotope. But I still get an error message. Any help would be greatly appreciated. I get 'null' is null or not a object error message with IE-Tester. The website is http://www.gablabelle.com/ $(document).ready(function(){ var layoutI = 0; var $container = $("#stream"); var $window = $(window); //getComputedStyle fix for IE ? if (!window

问题 I'm using jQuery Isotope to animate images on my site. It works fine in jsFiddle but the animation refuses to initialise until I resize the browser on the site itself. I have looked at other related questions and tried wrapping the code in a ready function and looking for hidden characters but nothing seems to work. The site is: http://rgbdrinks.squarespace.com and the fiddle is: http://jsfiddle.net/tutmoses/kxLck/3/ Any help gratefully received. Andrew <div id="container"> <div class="item">

问题 I'm using jquery Isotope to create a portfolio gallery, almost everything is working as expected the only thing I would like to change is the behavior of the opened content. Now when you click over a photo the content box expands and reveal a bigger image with some text, the problem is that when you click again on the content box (.item) the content goes back to it's original size and I don't want that because some of the box contains more than one image with colorbox. The best solution would