init commit
This commit is contained in:
116
website/Boson/HTML/js/isotope/main.js
Normal file
116
website/Boson/HTML/js/isotope/main.js
Normal file
@@ -0,0 +1,116 @@
|
||||
// Product Filter
|
||||
$(window).load(function() {
|
||||
"use strict";
|
||||
var $container = $('.portfolio-items');
|
||||
$container.isotope({
|
||||
layoutMode: "masonry",
|
||||
masonry: {
|
||||
columnWidth: 5
|
||||
},
|
||||
itemSelector : '.item',
|
||||
transitionDuration: '0.8s'
|
||||
});
|
||||
var $optionSets = $('.project-filter'),
|
||||
$optionLinks = $optionSets.find('a');
|
||||
$optionLinks.click(function(){
|
||||
var $this = $(this);
|
||||
// don't proceed if already selected
|
||||
if ( $this.hasClass('active') ) {
|
||||
return false;
|
||||
}
|
||||
var $optionSet = $this.parents('.project-filter');
|
||||
$optionSet.find('.active').removeClass('active');
|
||||
$this.addClass('active');
|
||||
// make option object dynamically, i.e. { filter: '.my-filter-class' }
|
||||
var options = {},
|
||||
key = $optionSet.attr('data-option-key'),
|
||||
value = $this.attr('data-option-value');
|
||||
|
||||
// parse 'false' as false boolean
|
||||
value = value === 'false' ? false : value;
|
||||
options[ key ] = value;
|
||||
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
|
||||
changeLayoutMode( $this, options );
|
||||
} else {
|
||||
// otherwise, apply new options
|
||||
$container.isotope( options );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Product Filter
|
||||
$(window).load(function() {
|
||||
"use strict";
|
||||
var $container = $('.newsfeed');
|
||||
$container.isotope({
|
||||
itemSelector : '.newsfeed .item',
|
||||
});
|
||||
var $optionSets = $('.newsfeed-filter'),
|
||||
$optionLinks = $optionSets.find('a');
|
||||
$optionLinks.click(function(){
|
||||
var $this = $(this);
|
||||
// don't proceed if already selected
|
||||
if ( $this.hasClass('active') ) {
|
||||
return false;
|
||||
}
|
||||
var $optionSet = $this.parents('.newsfeed-filter');
|
||||
$optionSet.find('.active').removeClass('active');
|
||||
$this.addClass('active');
|
||||
// make option object dynamically, i.e. { filter: '.my-filter-class' }
|
||||
var options = {},
|
||||
key = $optionSet.attr('data-option-key'),
|
||||
value = $this.attr('data-option-value');
|
||||
|
||||
// parse 'false' as false boolean
|
||||
value = value === 'false' ? false : value;
|
||||
options[ key ] = value;
|
||||
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
|
||||
changeLayoutMode( $this, options );
|
||||
} else {
|
||||
// otherwise, apply new options
|
||||
$container.isotope( options );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
// Product Filter
|
||||
$(window).load(function() {
|
||||
"use strict";
|
||||
var $container = $('.portfolio-feed');
|
||||
$container.isotope({
|
||||
itemSelector : '.portfolio-feed .item',
|
||||
});
|
||||
var $optionSets = $('.portfolio-feed-filter'),
|
||||
$optionLinks = $optionSets.find('a');
|
||||
$optionLinks.click(function(){
|
||||
var $this = $(this);
|
||||
// don't proceed if already selected
|
||||
if ( $this.hasClass('active') ) {
|
||||
return false;
|
||||
}
|
||||
var $optionSet = $this.parents('.portfolio-feed-filter');
|
||||
$optionSet.find('.active').removeClass('active');
|
||||
$this.addClass('active');
|
||||
// make option object dynamically, i.e. { filter: '.my-filter-class' }
|
||||
var options = {},
|
||||
key = $optionSet.attr('data-option-key'),
|
||||
value = $this.attr('data-option-value');
|
||||
|
||||
// parse 'false' as false boolean
|
||||
value = value === 'false' ? false : value;
|
||||
options[ key ] = value;
|
||||
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
|
||||
changeLayoutMode( $this, options );
|
||||
} else {
|
||||
// otherwise, apply new options
|
||||
$container.isotope( options );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user