/isotopeSearchFilter

This is a jQuery plugin that combines internal page search functionality with the Isotope plugin

Primary LanguageJavaScript

isotopeSearchFilter jquery plugin

This is a jQuery plugin that combines internal page search functionality with the Isotope plugin

Demo:

http://benrlodge.github.io/isotopeSearchFilter/

How to Use:

Load the isotope plugin and then you can just chain isotopeSearchFilter() right onto it like you can see below.

If your sorting containers use images, I recommend David DeSandro's imagesloaded.

	$(document).ready(function(){
		var $container = $('.item-container')
		
		$container.isotope({
			itemSelector: '.item',
			layoutMode: 'fitRows'	
		}).isotopeSearchFilter();

	})

Options available to override include the name of the container that includes your items, and the text input box. See the source for more detail.

	isotopeSearchFilter({
		itemsContainer	: 	$(".item-container"),
		inputSearch		:	$('#search-term'),
	})