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 

Reply via email to