Ciao a tutti, ho un problema con l'aggiornamento della pagina web e jquery/Fancybox.

Questa la parte di Jquery:

$(document).ready(function() {


$("#fancy[rel=group]").fancybox({

'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});


La pagina contiene un div fatto così:


<html>

<div class="mostra">

<script type="text/javascript" src="../jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="../jquery.fancybox-1.3.4.pack.js"></script>

....
....

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>

<?php


<a id="fancy" rel="group" href="..." title="...">[img]immagine1.jpg>[/img]
</a>
<a id="fancy" rel="group" href="..." title="...">[img]immagine2.jpg>[/img]
</a>
<a id="fancy" rel="group" href="..." title="...">[img]immagine3.jpg>[/img]
</a>

...
...

</td>
</tr>

</table>
...
...
</div>
</html>


Tutto funziona correttamente, Fancybox funziona su tutte le immagini...
Ma quando eseguo questa funzione:

function swap_ordinamento(url) {

$.blockUI({
message:$('#loadmes'),
css:

{
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .70,
color: '#fff'
}
});

var form = $("#tablesForm1").serializeArray();

$.post(url,form,function(data){

$.unblockUI({ message: $('#loadmes')});

$("#mostra").html(data);

});

}


... Fancybox non funziona più... mi ritorna questo errore in jquery.min.js:
"t is undefined (33 out of range 18)"

Evidentemente la funzione .html(data) modifica qualcosa nella pagina (DOM)

...e da diversi giorni che cerco una soluzione a questo problema.

Qualcuno sà come aiutarmi??

Grazie a tutti.