Getting an array of new items in S&F and pass them to Isotope

Anonymous

#103706

Hi Trevor!

I’m in a bit of trouble. I’m trying to use S&F to filter results on a page of items, which are drawn with the Isotope framework (original, not through a theme). You can view the page here if you’re interested: https://www.alloy.work/things .

Currently I’m at this stage, which kinda works. Except that it clears all items and redraws them where the current stage stopped.

$(document).on(“sf:ajaxfinish”, “.searchandfilter”, function(){
var alloyGrid = $(‘#grid’);
var elems = alloyGrid.children();
$grid.isotope( ‘appended’, elems, true ).isotope( ‘reloadItems’ );
});

In Isotope, the appended function works by giving it the newly drawn items as a parameter. This is where I am stuck, I need to use the array that is build by the S&F Ajax function when it is fired.

The next step is to get this working while filtering on the page, so if you might have any ideas concerning that…

Thanks already!

Kind regards

Trevor

#103712

Sadly, I know very little of how Isotope works. The few times I have done this type of thing, I have used Salvattore (because it was easier for me). Salvattore is quite popular because it is CSS driven and relatively easy to re-trigger.

[Author]

Posts