Looks like the ID of the outer div is "equalize", but earlier you
referenced "equalize1" (which is what I used in my example).
Anthony
On Monday, July 2, 2012 2:45:00 AM UTC-4, Annet wrote:
>
> Hi Anthony,
>
> I read the jQuery API doc and tried your solution, for some reason it
> doesn't work. I hope that when I provide you with more code, you'll be able
> to help me to get this to work.
>
> This is the site/index.html view:
>
>
> {{extend 'site/generic.html'}}
>
> <script type="text/javascript">
> $(document).ready(function(){
>
> $('a[href=#{{=tab}}]').tab('show');
>
> $('#equalize1').ajaxSuccess(function(e, xhr, settings) {
> if (settings.url === '{{=URL("site", "classes.load", args=session.id)}}')
> {
> $(this).equalHeights();
> };
> });
>
> });
>
> </script>
>
> <div class="row-fluid" id="equalize">
> <div class="span8 box box-pad radius-small">
> {{include 'default/flash.html'}}
> {{if row:}}
> {{=XML(row.text)}}
> {{pass}}
>
> </div> <!-- /span -->
> <div class="span4 box box-pad radius-small">
> {{if session.cal:}}
> {{include 'site/calendar.html'}}
> {{pass}}
> </div> <!-- /span -->
> </div> <!-- /row -->
>
>
> This is site/calendar.html:
>
>
> <ul class="nav nav-tabs">
> {{if session.cal.lesrooster:}}
> <li><a href="#tab-1" data-toggle="tab">Lessen</a></li>
> {{pass}}
> {{if session.cal.event_list:}}
> <li><a href="#tab-2" data-toggle="tab">Events</a></li>
> {{pass}}
> {{session.cal.cursusrooster}}
> <li><a href="#tab-3" data-toggle="tab">Cursussen</a></li>
> {{pass}}
> </ul>
>
> <div class="tab-content">
> {{if session.cal.lesrooster:}}
> <div class="tab-pane" id="tab-1">
> {{=LOAD('site','classes.load',args=session.id
> ,ajax=True,target='tab-1')}}
> </div> <!-- /tab-pane -->
> {{pass}}
> {{if session.cal.event_list:}}
> <div class="tab-pane" id="tab-2">
> {{=LOAD('site','events.load',args=session.id
> ,ajax=True,target='tab-2')}}
> </div> <!-- /tab-pane -->
> {{pass}}
> {{if session.cal.cursusrooster:}}
> <div class="tab-pane" id="tab-3">
> {{=LOAD('site','courses.load',args=session.id
> ,ajax=True,target='tab-3')}}
> </div> <!-- /tab-pane -->
> {{pass}}
> </div> <!-- /tab-content -->
>
>
> I don't think the content of classes.load, events.load and courses.load
> influences the ajaxSuccess function.
>
>
> Since all the ajax functionality of this view is contained in the tab I
> suppose this should work too?
>
> $('#equalize1').ajaxSuccess(function() {
> $(this).equalHeights();
> });
>
>
> Kind regards,
>
> Annet.
>
