[RISOLTO] Perdita dei script dentro al div refreshato

[ivarello]

Ciao a tutti come da titolo, ho un piccolo problema, con un refresh.
Con questo script refresho un div sulla parent page, e tutto qui no problem.

<script src="scripts/jquery.js"></script>
<script>
$(function() {
	var id = $('#id_cliente', window.parent.document).val();
	var link_parent = 'prova.php?id=' + id + ' #div_esempio';
	$('#div_esempio', window.parent.document).load(link_parent);
});
</script>

il problema sorge invece all'interno del div, mi spiego prima del refresh, il div contiene un una tabella popolata con un ciclo while, contenente dei pulsanti :

<a class="iframe" href="prova2.php?id=<?php echo $id; ?>">click</a>

che con la plugin fancybox, mi permette di aprire un'altra pagina all'interno della schermata di facybox.

ma dopo il refresh perde questa proprietà, ho provato a mettere dentro al div lo script ma niente, allora ho creato un semplice script che incrementa un input di +1 con un click, ed anche questo dopo il refresh nn funziona più, qualcuno ha avuto precedenti esperienze o sa darmi una mano?????

 

[alessandro1997]

Il motivo è semplice: dopo aver eseguito il refresh del div tramite Ajax, gli elementi a cui avevi legato gli eventi non esistono più. Per ovviare al problema devi utilizzare il metodo live() di jQuery, che ti consente di legare gli eventi dei figli a un elemento genitore persistente. Puoi vedere come usarlo qui: http://api.jquery.com/live/.

 

[ivarello]

Grazie tante, hai perfettamente ragione infatti funziona solo non so bene integrarlo con lo script di fancybox:

<script type="text/javascript">
$(document).ready(function() {	
	$("a.iframe").fancybox({
		'width':650,
		'height':130,
		'type':'iframe',
		'scrolling'   : 'no',
		'autoScale':'false',
		'hideOnOverlayClick': true,
		'hideOnContentClick': true
	});
});
</script>

Dovrei fare così?

<script type="text/javascript">
$(document).live( "ready", function() {
	$("a.iframe").fancybox({
		'width':650,
		'height':130,
		'type':'iframe',
		'scrolling'   : 'no',
		'autoScale':'false',
		'hideOnOverlayClick': true,
		'hideOnContentClick': true
	});
});
</script>

ma credo sia un mi.....ata ehehehehehe puoi darmi una mano?

 

[ivarello]

Ho risolto così:

 $("a.iframe").live('click',function(event){
        event.preventDefault();
        $.fancybox(this,{
            'width':650,
		'height':130,
		'type':'iframe',
		'scrolling'   : 'no',
		'autoScale':'false',
		'hideOnOverlayClick': true,
		'hideOnContentClick': true
        });
    });

pensi che vada bene?