Fire jQuery script onLoad and window resize

Question

Here is where I'm at:

onResize = (function($) {
//Do stuff 
});
$(document).ready(onResize);
$(window).bind('resize', onResize);

The script calculates the width of it's containing div and then lays out a gallery accordingly. It runs onload correctly (no matter the window width ) but doesn't seem to fire on resize. The issue? Creates layout problems with my media Queries.

Answer 1

您的代码可在Chrome中正常运行。

Answer 2

Justin W Hall, I tried this in my chrome console:

onResize = (function($) { console.log('resized') });
    console.log('resized')
});
$(document).ready(onResize);
$(window).resize(onResize);

and it worked just fine.

ps. If you run this code, you'll notice that onResize function fires two times (showing 2 'resized' messages) when you resize the window.