core/2/assets/js/jquery.isotope.init.js

44 lines
1.4 KiB
JavaScript

(function($){
$(document).ready(function(){
$('.cms-grid-masonry').each(function(){
$this = $(this);
$filter = $this.parent().find('.cms-grid-filter');
$this.imagesLoaded(function(){
$this.isotope({
itemSelector:'.cms-grid-item',
layoutMode: 'fitRows',
gutterWidth: 0
});
});
$filter.find('a').on( "click", function(e) {
e.preventDefault();
$filter.find("a").removeClass('active');
$(this).addClass('active');
var data_filter = $(this).data('filter');
$this.isotope({
filter: data_filter
});
});
});
$('.isotope-masonry-post').each(function(){
$this = $(this);
$filter = $this.parent().find('.cms-grid-filter');
$this.imagesLoaded(function(){
$this.isotope({
itemSelector:'.cms-grid-item',
});
});
$filter.find('a').click(function(e){
e.preventDefault();
$filter.find("a").removeClass('active');
$(this).addClass('active');
var data_filter = $(this).data('filter');
$this.isotope({
filter: data_filter
});
});
});
});
})(jQuery);