2010-11-15 21 views
5

Sto riscontrando uno strano problema in cui l'SSL della mia pagina si interrompe in firefox se incorporo una finestra di dialogo UI JQUERY.Firefox SSL e interfaccia utente JQuery

Funziona bene in I.E. 8 e Chrome.

Ho letto di un problema introdotto da CSS base64 image encoding breaking the SSL ma ho provato a rimuovere completamente il foglio di stile e il problema si verifica ancora.

Qualcuno si è imbattuto in questo? Se no, puoi suggerire un buon modo per progredire nella ricerca della causa? Al momento sto tagliando il codice e riprovo, ma è dolorosamente lento (più facile se si trattasse di un elemento statico).

La chiamata che rompe la SSL è ...

<script type="text/javascript" charset="utf-8"> 

jQuery(document).ready(function() { 

    $("#dialog").dialog(); 

}); 

</script> 

Così, non appena l'ID finestra di dialogo viene strappato e si è trasferito alla fine del documento il problema si verifica.

+0

Sono distratto da altre cose, quindi ho messo una taglia per questo. Idealmente sto cercando una soluzione che non si basa sulla modifica del codice base dell'interfaccia utente JQuery. –

+0

Stai usando un cdn per collegare il tuo jquery o è locale? –

+0

@ Julian - come sono i tuoi tag '

1

So che otterrete un "avviso di contenuto misto" se si dispone di file JavaScript forniti da posizioni non https. Prova a utilizzare percorsi assoluti per vedere se questo è il problema. Se lo è, puoi a) attenersi ai percorsi assoluti o b) utilizzare relative paths.

+0

Grazie Matt, questa è la prima cosa che ho controllato. Ho anche controllato il CSS dell'interfaccia utente di JQuery per assicurarmi che usasse percorsi relativi alle immagini che fa. –

+0

Puoi pubblicare un link alla pagina? –

+0

Vorrei poter Matt, mi dispiace! –

1

Ho riscontrato un problema simile e ho trovato un errore nell'avviso "articoli non protetti" in IE8 +. L'avviso si verifica se si sta creando contenuto dinamico con jQuery utilizzando le funzioni wrap() o append() e se questo contenuto contiene CSS con percorsi relativi alle immagini o altri elementi esterni.

Esempio:

$('#mynode').wrap('<div style="background:url(/path/to/image.gif);"></div>'); 

Questo mostrerà un avviso di sicurezza, anche se l'immagine viene scaricato sulla stessa connessione sicura https.

Come risolvere il problema:

  • Usa URL assoluto completo: sfondo: url ('https://www.domain.com/path/to/image.gif');

  • Oppure utilizzare classe CSS:

< style> .myclass {background: url (/path/to/image.gif);} </style>

$ ('#mynode'). wrap ('< div class = myclass> </div>');

Problemi correlati