jquery-isotope

问题 It looks like it keeps adding a new newHeight and a newDistance each time i click, I am trying to save original height with a global var at the top and using data to do that but i get weird results, basically i should be able to reset newDistance and newHeight to first original values as per before to run the lot with a click but it doesn't and i get new added values each time i click breaking my layout as a result: talents = $(".talenti"); filter = $(".filtra"); genHeight = $("#container")

问题 My Isotope layout is returning 0px height on its container. Refreshing the page always resolves the problem. Has anyone run into this? Here is my Isotope: var $container = $('#Stream'); $container.imagesLoaded(function () { $container.isotope({ itemSelector: '.stream-items', transformsEnabled: false }); It occurs consistently albeit intermittently on Chrome, Safari, and FF. By "intermittently" I mean that sometimes it's on the first load, others on the third, or fourth, but eventually always

问题 I'm developing a new Hall of Fame for the Wisconsin Badgers. My beta version is viewable at http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html My question is, when the search feature is used how do I bring the visible elements to the top. It show the correct elements and uses display:none to hide the others. However it does not re-position the elements after the search and the display:none elements still take up space. It has to do with the "-webkit-transform" style that isotope uses.

问题 I want to design a website which shows the simple search results with Isotope appearance. I have a text input and get the query from the user and retrieve the search results from my server. So, by changing the query, my data and filtering options change. I don't know how to manage this dynamic data with Isotope . After each query and data change, when I set the new isotope properties and filters in $container.isotope , the data blocks become invisible and Isotope functions, like animation and

问题 Trying to do like Beyonce's website but using Isotope instead of Masonry. Any idea why this won't work by default, but only after one resizes ones window? http://jsfiddle.net/RJZu6/ var $container = $("ul"); $container.imagesLoaded(function() { $container.isotope({ itemSelector: "li", animationEngine: "jquery", sortBy: "random", // http://isotope.metafizzy.co/demos/fluid-responsive.html resizable: false, masonry: { columnWidth: $container.width() / 3 } }); }); $(window).smartresize(function()

问题 I set up Isotope order and sort on my site but if I change the ordering to number it sorts items wrong. for example I have items like this: <div class="boxm" data-name="aaa" data-number="11944"></div> <div class="boxm" data-name="bbb" data-number="1494"></div> <div class="boxm" data-name="ccc" data-number="1574"></div> <div class="boxm" data-name="ddd" data-number="1892"></div> <div class="boxm" data-name="eee" data-number="19520"></div> <div class="boxm" data-name="fff" data-number="2090"><

问题 While working on a large list of tabular data that needs an easy sorting/filtering system, I discovered the Isotope library, which seems to do exactly what I want, and provides a lot of nice visuals and functionality. I'd like to be able to sort and filter table rows using Isotope, and I've come up with a basic demo that seems to work. However, a few bugs are present: I'm using the <thead> section for filters and row headers, so I'm applying the Isotope selector to the <tbody>. However, when

问题 I'm trying to deactivate the css transitions of the height and width of items when filtered out using isotope. So, just having items fade out or in, and move about - no scaling. I've tried all kinds of css modification to the standard css transitions: http://isotope.metafizzy.co/docs/animating.html#css_transitions , but no success. Is this possible without modifications to the plugin? Here's a demo of what I have at the moment: http://codepen.io/2kp/pen/nAGkp 回答1: $('#container').isotope({

问题 I'm using jquery isotope and infinite scroll and want to use an image preloader The image preloader I'm using is this: Image preloader $('.image').preloader({ loader: '/images_/icons/img_pre.gif', fadeIn: 700, delay : 200 }); It works perfectly on page one but then doesn't fire for the infinite scrolled items so I need to place this somewhere within the isotope callback, but where? Any ideas? This is isotope callback code I use: // call Isotope as a callback function( newElements ) {

问题 I'm trying to figure out if its at all possible to have square divs with a fluid isotope layout. I have a 4 column grid, each div being 24% width of the container, but I want these divs to be perfect squares, I can't work out how to achieve this. Here's a working jsfiddle demo: http://jsfiddle.net/RJZu6/8/ jQuery: var $container = $("#main-grid"); var size = function () { $container.isotope({ masonry: { columnWidth: $container.width() / 4 } }); } $container.imagesLoaded(function () {