jquery-isotope | 易学教程

jQuery Isotope Filter from Different Page Wordpress

阅读更多关于 jQuery Isotope Filter from Different Page Wordpress

问题 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

jQuery Isotope filter to no items?

阅读更多关于 jQuery Isotope filter to no items?

问题 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 = $('

Cant get Isotope to work with AJAX (code samples)

阅读更多关于 Cant get Isotope to work with AJAX (code samples)

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; getQuery += '&yearsort='+movieSelection.elements["yearSort"].value; getQuery += '&runtimesort='

How to get isotope to avoid gaps with variable size tiles [closed]

阅读更多关于 How to get isotope to avoid gaps with variable size tiles [closed]

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 you resize the "result", the grid changes alright but at certain widths, white gaps appear in the mosaic. Which is highly unfortunate. :( I ended up writing my own extension (perfectMasonry) which does not leave gaps, but instead lays out perfect "brick wall". :) I'll try to publish it

jQuery Isotope - Multiple Instances on the same page

阅读更多关于 jQuery Isotope - Multiple Instances on the same page

问题 I've been working with the Isotope plugin for jQuery, and I've run into some problems with our homepage which requires two isotope instances. Both of them have different types of items and they are kept in their own containers, but when I click a filter on the second instance of isotope it attempts to filter the first instance too and not vice-versa. What I'm asking is if it is possible to have two instances of isotope on a page without them interfering with eachother and if so, what would be

jQuery Isotope — Centered and Fluid/Responsive

阅读更多关于 jQuery Isotope — Centered and Fluid/Responsive

I am asking a question about Isotope It is a great plugin for jQuery. I have been playing with it for a while now, but I don't know enough about javascript to combine two of the Isotope techniques, responsive Isotope and centered Isotope . I have sucessfully used the responsive mod and it worked pretty well, except now I need to center the whole thing within a div. The centered layout mode isn't documented as well as the responsive mode, so I am having some trouble getting it to work. Basically the inscructions for the centered layout mode are : To use this mod, copy the revised methods found

Using Isotope with AngularJS (ng-repeat)

阅读更多关于 Using Isotope with AngularJS (ng-repeat)

I'm trying to use angular to load div's to supply to isotope for layouting. For some reason, I can't use ng-repeat to create the div's. When I do something like, it works fine: [agg.html] <div class="mygrid" iso-grid> <div class="item">myitem</div> </div> [controlers.js] module.directive('isoGrid', function () { return function (scope, element, attrs) { element.isotope({ itemSelector: '.item' }); }; }); module.controller('aggViewport', ['$scope', '$location', function ($scope, $location) { $scope.cards = [{ "ID": "myid", "class": "cardListTile", "badge": "1" } { "ID": "myid2", "class":

Angular-ui modal - pass data into modal

阅读更多关于 Angular-ui modal - pass data into modal

问题 I am trying to pass some model data into a modal window when it is opened. When the user clicks on an element I want to have the modal window open and display more detailed information relating to what was clicked on. I have created a plunker that works how I want it to except for passing the data into the modal window. I am trying to pass the data in using ng-click: <img ng-src="{{item.picture}}" width="100" ng-click="open(item)"/> Can anyone help me with this? or point me in the right

isotope filter to link from another page

阅读更多关于 isotope filter to link from another page

问题 i'm working on jquery isotope and the filter works just fine using the method given below on the same page portfolio.html: <li class="current"><a href="#" data-filter="*">all</a></li> <li><a href="#" data-filter=".design">design</a></li> <li><a href="#" data-filter=".coding">coding</a></li> <li><a href="#" data-filter=".logo">logo</a></li> What i'm trying to achieve is to link to a specific category so that my users can come from other pages to the filtered category. i tried the following

jQuery Isotope — Centered and Fluid/Responsive

阅读更多关于 jQuery Isotope — Centered and Fluid/Responsive

问题 I am asking a question about Isotope It is a great plugin for jQuery. I have been playing with it for a while now, but I don't know enough about javascript to combine two of the Isotope techniques, responsive Isotope and centered Isotope. I have sucessfully used the responsive mod and it worked pretty well, except now I need to center the whole thing within a div. The centered layout mode isn't documented as well as the responsive mode, so I am having some trouble getting it to work.