jquery-isotope

问题 My url is leftsideart (dot) co (dot) nz I am using the following isotope setup: jQuery('#post-area').isotope({ animationOptions: { duration: 750, easing: 'linear', queue: false }, getSortData : { number : function( $elem ) { return parseInt( $elem.find('.order').text(), 10 ); } }, sortBy : 'number', sortAscending : true, animationEngine : 'jquery' }); var jQuerycontainer = jQuery('#post-area'); jQuerycontainer.imagesLoaded( function() { jQuerycontainer.isotope(); }); but my divs are not

问题 I am using the isotope by metafizzy script, need to use it on projects page of my website, it's working fine but what i want to do is filtering by custom post categories (portfolio categories), here's the code on that project page: <div id="aside"> <ul id="subMenu" class="accordionMenu" data-option-key="filter"> <li class="dcjq-parent-li"> <a href="#" class="dcjq-parent active">Tipologia<span class="dcjq-icon"></span> </a> <ul style="display: block;"> <li><a href="#filter" data-filter="*"

问题 Update: forgot the one question per question rule. Cut second question out of this one. Trying to make a list of users sortable by different criteria with animation. Was already using Knockout so this demo seemed like a good direction to take. I switched to an Isotope 2.0 fork of the integration code here. Sometimes the sorting doesn't update properly, as shown in this version - http://codepen.io/matelich/pen/PPoqdz - Medal and Component should have #0 and #1 switched from each other, but the

问题 I have a grid (3x3) which is 300px and each grid field is 100px wide. Its very simple to explain if you'll have a look at jsfiddle here. Onloads layout isotope its working well, but if you click for example on the li element #2 the grid is going to be resorted, but without using its space correctly. Why is next to li 3 and empty area? li 4 will fit in there! Thought isotope will handle this? How to get this? Thanks for your help! frgtv10 http://jsfiddle.net/pEZtj/ 回答1: The problem is with

问题 I'm working on sorting a collection of WordPress posts with Isotope. I need to use combination filters, combining a list of links with a set of radio buttons. Using this example (http://bit.ly/1Rgf45i), i added the radio button capability, and I also found this example (http://bit.ly/1VXbtug) for the combination filters, but I don't understand how to combine the two. Can anyone help? See comment for a dev site link - I don't have enough experience to post a third link. Thanks! 回答1: You need

问题 I just upgraded my isotope script to 2.1, but now the option itemPositionDataEnabled seems to not have any effect anymore. The data("isotope-item-position") just returns undefined now. Here is the original documentation for the v1 script: http://isotope.metafizzy.co/v1/docs/options.html#itempositiondataenabled Any Ideas anyone? 回答1: you can try to get the position with position jquery method or offset var p = $( "#element" ); var position = p.position(); alert( position.left + "," + position

问题 Scenario I am usign isotope plugin (http://isotope.metafizzy.co/) with angular js. On click of thumbnail image I am adding class "expanded" and increasing its width and height to occupy four boxes. Can we do this?: When I click on thumbnail image of "last row" Its occuping four tumbnails but growing downwards to create empty space. as per attached image. Is there any way to exapand thumbnail in upward direction so that In any case there will not be any empty blank space Code Snippet $grid = $

问题 I am using this gallery to display portfolio items on my website: http://www.webdesigntunes.com/coding/jquery-filterable-portfolio/ It uses isotope-jquery to display the items so the div container that includes the portfolio images calculates the height based on the article classes that are within it: <section class="main"> <div class="portfolio"> <article class="entry video"> <a data-rel="prettyPhoto" href="http://vimeo.com/34266952"> <img src="images/portfolio/work1.jpg" alt=""> <span class

问题 I want to only show the images that are have been filtered out, currently if you filter out images and click to open image in fancybox it shows all the images instead of just the filtered ones. $(".fancybox").fancybox({ padding: 0, tpl: { closeBtn: '<a title="Close" class="fancybox-item fancybox-close custom-fancybox-close" href="javascript:;"></a>' }, beforeShow: function () { // New line this.title = this.title += '<span class="gallery-title-wrapper"><a href="' + $(this.element).data(

问题 I try to use multiple filters inside portfolio-like page which uses Isotope.js. Please take a look at this page: http://decart-design.com/avancia-wp/vi-tilbyr/. Single filter works fine but not multiple filters don't :( Here's a piece of JS code I use: jQuery('.filtering li').on('click', 'a', function(e) { e.preventDefault(); if ( jQuery(this).parent().hasClass('selected') ) { return; } var filters = {}, optionSet = jQuery(this).parents('.option-set'); jQuery(this).parent().parent().find('li'