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