That’s because the resize function will not be called. You should add an event handler to trigger the code below when you change tabs:
jQuery(window).resize();
I know this is super lame, but I’m a real novice with jQuery and I’ve been trying to bind the resize event to the activate function on the tabs for about an hour now and can’t seem to figure it out. Any other hints you might provide? I assume the grid arranges itself based on the resize function – which makes sense, but I really can’t figure out how to bind that to an activate event on changing tabs.
<script>
$(function() {
$( "#tabs" ).tabs(
{
activate: function( resize, newTab ) {}
}
);
});
</script>
That is as far as I got, and I am pretty close to 100% sure I’m way off base. Any assistance would be much appreciated – and I echo everyone else, this plugin is fantastic!