dynamick / multiple-filter-masonry Goto Github PK

Symptons

Items do not take up full width of the column

Cause

Reload functions misses the masonry options;

var reload = function($container,items){      
      $container.empty();
      $(items).each(function(){
        $($container).append($(this));
      });
      $container.masonry('reloadItems');
      $container.masonry();
    };

Fix

Last line should be:

$container.masonry();

Hi I am using masnory with infinite scroll to load dynamic blocks, It seems that this filters are not applied to dynamic loaded blocks. can you help me to resolve this.

To circumvent this i changed the logic in my fork so that elements are displayed via css, not really removed. jakob-stoeck@e251359 Don’t know whether that works for you, too.

Hi, how can I prevent remove "stamp" item after filtering?

Hello,
i used this script and it works fine as long as i set the masonry options for column and gutter width like:

...

columnWidth: 240, 
gutter: 10, 

...

When i try to set these with the masonry element sizing (e.g. css classes) like:

columnWidth: '.grid-sizer',
gutter: '.gutter-sizer',

for

<div class="grid">
  <div class="grid-sizer"></div>
  <div class="gutter-sizer"></div>

  <div class="grid-item"></div>
  <div class="grid-item"></div>
  ...
</div>

it does not work. The filtering is OK - but with no height of the container at all?

Maybe you have a solution?
Thanks
Frank

The filter for me works well, but after clicking on one filter it destroy any function added to the masonry items.

Example: Simple JQuery Click, Magnific Popup...

My "non" solution has to fire the functions again to the masonry items in yours //reload masonry.

Any tip to make this script better?

sometimes the photo will cover a half of the other photo. However, after I refresh the page, everything returns to be normal. I wonder if there is a way to solve this. Thank you!

I see there was a recent merge 'Use UL list for filtering and added hashtags' what does the html source code look like for this?

I'm trying to use hash to filter, suign the latest js just gives #undefined in the url and no results back when I click one of the filter buttons

Hi there,

May I know is there a way to display items that match two filters? (instead of displaying items that have either one filter)

Thanks!

Regards,

Patrick