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.