JQuery function (Window Resize)

Question

I'm using this JQuery function to equal my div heights:

//equalize funciton function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.height(tallest); }

With this OnLoad:

$(window).load(function(){ equalHeight($("#div_right, #div_left, #div_bottom, .border")); });

It requires that I refresh the page in order for it to take affect (after the page is resized). I would like it to either do it as the user is dragging the window, or just refresh the page after.

Which is recommended? I know the page resize won't be very smooth if the JQuery function is consistently reloading. Also, how could I change my code to fit either option?

Tooraj Jam · Accepted Answer · 2012-06-16 04:28:42Z

1

Call your function on both $(window).resize() and $(document).ready(). It will be OK.

EDITION:
I think this is what you need:

<script type="text/javascript"> $(window).resize(function() { equalHeight($("#div_right, #div_left, #div_bottom, .border")); }); $(document).ready(function() { equalHeight($("#div_right, #div_left, #div_bottom, .border")); }); </script>

edited Jun 16, 2012 at 4:28

answered Jun 16, 2012 at 3:59

Tooraj Jam

1,62215 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Joe_Maker Over a year ago

Hmm i'm running all three now, but it no longer resizes the divs at all. ' <script type="text/javascript"> $(window).load(function(){ $("#div_right, #div_left, #div_bottom, .border"); }); </script> <script type="text/javascript"> $(window).resize(function() { $("#div_right, #div_left, #div_bottom, .border"); }); </script> <script type="text/javascript"> $(document).ready(function() { $("#div_right, #div_left, #div_bottom, .border"); }); </script>

Tooraj Jam Over a year ago

$("#div_right, #div_left, #div_bottom, .border"); is not correct. call this one equalHeight(group) with an appropriate argument.

Joe_Maker Over a year ago

That equals the heights, but the page still needs a refresh, like previously.

Joe_Maker Over a year ago

I'm not sure if I can adapt this function, going to look and see what others have created to solve this issue.

Collectives™ on Stack Overflow

JQuery function (Window Resize)

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related