Sorry, misunderstood the requirement -- edited my original response.
On Sunday, July 1, 2012 9:11:53 AM UTC-4, Anthony wrote: > > You can use a jQuery ajaxSuccess() > <http://api.jquery.com/ajaxSuccess/>handler to determine when the classes > component has loaded. Something like > this inside your document ready handler (not tested): > > $('#equalize1').ajaxSuccess(function(e, xhr, settings) { > if (settings.url === '{{=URL('site', 'classes.load', args=session.id)}}' > ) { > $(this).equalHeights(); > }; > }); > > Anthony > > On Sunday, July 1, 2012 5:51:48 AM UTC-4, Annet wrote: >> >> I am using this JavaScript to equalize column heights: >> >> <script type="text/javascript"> >> $(document).ready(function(){ >> >> $('a[href=#{{=tab}}]').tab('show'); >> >> $(function() { >> $('#equalize1').equalHeights(); >> }); >> >> $(function() { >> $('#equalize2').equalHeights(); >> }); >> >> }); >> >> </script> >> >> >> <div class="row-fluid" id="equalize1"> >> ... >> </div> <!-- /row --> >> >> <div class="row-fluid" id="equalize2"> >> ... >> </div> <!-- /row --> >> >> The problem is that #equalize1 contains tabs that load their content as >> follows: >> >> {{=LOAD('site','classes.load',args=session.id,ajax=True,target='tab-1')}} >> >> >> What I am looking for is a way to execute this function: >> >> $(function() { >> $('#equalize1').equalHeights(); >> }); >> >> after classes have been loaded. >> >> >> Kind regards, >> >> Annet >> >
