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.
Rispondi quotando