bonjour j'arrive à ouvrir une colorbox avec la fonction load mais le clic ne fonctionne qu'une fois

quand je ferme ma colorbox et que je souhaite l'ouvrir à nouveau le lien ne fonctionne plus

voici mon code:


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<a href="page1.html" id="ext" class="ext">Mon portfolio</a>
<script>
 
$(document).ready(function() {
  $("body").on('click', '.ext',function(event) {
  event.preventDefault();
    var url = $(this).prop('href');
	$('body').append('<div id="ajax-load-element-wrapper" style="display:none;"><div id="hopla"></div></div>');
 
	$('#hopla').load(url, function() {
        $.colorbox({
            href: '#hopla',
            width: 960,
            height: 400,
            inline: true,
            opacity: .7
        });
    });
 
 
  });
});
 
 
 
</script>