jquery - Isotope Height doesnt change with content -
i have been working on isotope container , have had bit of trouble getting height stay dynamic content.
i have added options container relayout
, resizeable true dont seem working.
i have noticed container getting height style injected havent figured out where, youll notice in video way have been able height fit content set height on 1 of divs (col_1
) within isotope, container seems height injected doesn't resize other tabs. ive fiddled day , night css yesterday try , solve 1 im stumped.
heress jing video of issue: http://www.screencast.com/t/zq1gietdt
this website: http://daniloportal.com/npc/howitworks.html
also, here snip of isotope js
//isotope sorting var $container = $('.projects'); $container.isotope({ filter: '.sort_category1', resizescontainer: true, resizable: true, }); $('.projects').isotope('relayout') var $optionsets = $('#options .option-set'), $optionlinks = $optionsets.find('a'); $optionlinks.click(function(){ var $this = $(this); // don't proceed if selected if ( $this.hasclass('selected') ) { return false; } var $optionset = $this.parents('.option-set'); $optionset.find('.selected').removeclass('selected'); $this.addclass('selected'); // 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' false boolean value = value === 'false' ? false : value; options[ key ] = value; if ( key === 'layoutmode' && typeof changelayoutmode === 'function' ) { // changes in layout modes need logic changelayoutmode( $this, options ) } else { // otherwise, apply new options $container.isotope(options); } return false; });
});
any appreciated, interwebs!
well after confusion figured out. had man height styles set col_1 did eliminate styles , isotope sets height paramaters dynamically! :d
Comments
Post a Comment