[web2py] Re: {{=LOAD()}} and JavaScript function

[Annet]

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.