I solved the problem by moving the JavaScript code from right below 
{{extend calendar/index.html}} to right above <div class="modal hide fade" 
id="myModal">


{{extend 'calendar/index.html'}}

{{if rows:}}
  <div class="results">
    ...
  </div> <!-- /results -->
{{pass}}

<script type="text/javascript">

  $("a[data-toggle=modal]").click(function (e) {
  target = $(this).attr('data-target')
  url = $(this).attr('href')
  $(target).load(url);
  })
  
</script>

<div class="modal hide fade" id="myModal">
</div> <!-- /modal -->


I have no idea why this makes any difference. I hope one of you can tell me 
the difference.


Kind regards,

Annet.

Reply via email to