Sunday, 15 September 2013

How to make jQuery equal column script run on window resize? -



How to make jQuery equal column script run on window resize? -

i'm running jquery script set equal height divs in row across multiple rows.

here's link extract of code i'm using http://jsfiddle.net/f8qhd/2/

for script i've used technique in post @ css tricks http://css-tricks.com/equal-height-blocks-in-rows/

can tell me how amend script window resized still works? @ moment, works on page load don't know how trigger based on window resize. script uses $(window).resize(function() {} ); i'm not sure why doesn't work?

any help apprecitated!

thanks.

i can't see doesn't work. set resize trigger works on load without duplicating instruction.

$(window).resize(function() { columnconform(); }).trigger('resize');

just 1 note - equalising elements causes window alter size , you're going nail problems when recurses few times before settles. solved adding timeout on equal heights function.

i wrote similar extension jquery. if you're interested it's here equal height rows fluid width elements

jquery resize window-resize equal-heights

No comments:

Post a Comment