IE8 (modalità di compatibilità) non verrà caricato il mio contenuto Ajax
-
05-10-2019 - |
Domanda
Sto lavorando su uno script jQuery su http://www.qxl.dk/ ed io non riesco a ottenere IE7 (o, più precisamente, IE8 in modalità di compatibilità IE7) per caricare i miei contenuti.
La casella barra laterale dei carichi di nome giusto "QXL Aktuelt" il suo contenuto HTML da un file esterno usando Ajax load()
, poi innesca un evento jQuery personalizzato ( "aktuelt_loaded
") che inizia uno script giostra (come un newsticker scorrimento).
Diverse altre sezioni di contenuti sulla stessa pagina vengono caricati tramite Ajax e funzionano bene, quindi mi chiedo cosa sta andando male. Tutto funziona come previsto in Firefox 3.6 e IE8, ma non in modalità di compatibilità di IE8.
Lo script che carica il contenuto Ajax è (in linea sulla pagina):
<div id="qxlaktueltHolder"></div>
<script type="text/javascript">
$("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
$("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
});
</script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/jcarousellite_1.0.1.min.js'></script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/qxlaktuelt_liveload.js'></script>
Lo script esterno che risponde all'evento è nel seguente file:
http://www.qxl.dk/contents/dk/js /qxlaktuelt_liveload.js
Tutte le idee sono i benvenuti.
Soluzione
Modifica
Sembra che il tuo contenuto viene caricato. Ti sembra di avere un problema di visualizzazione CSS. Utilizzando strumenti di sviluppo di IE, ho cercato l'href di un a
che è stato caricato correttamente in Safari
http://www.123hjemmeside.dk/pages/receive.aspx?target=wl&partnerkey=dkqxl:Hobby_aktuelt_1
e ha scoperto che è stato sulla pagina insieme a tutti gli altri contenuti.
UPDATE:
Il problema è con il vostro elemento #newsticker
. Essa, e tutti i suoi elementi li
, hanno altezza e / o width impostato 0
.
Quindi, qualunque sia il codice è responsabile per il dimensionamento / visualizzazione del #newsticker
e il suo contenuto sembra essere il culpret.
Questa è una supposizione, ma questo qxlaktuelt_liveload.js
script è stato caricato dopo questo:
<script type="text/javascript">
$("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
$("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
});
</script>
Quindi, a seconda di quanto tempo il load()
prende, lo script può o non può essere caricato.
Prova:
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/jcarousellite_1.0.1.min.js'></script>
<script type='text/javascript' src='http://www.qxl.dk/contents/dk/js/qxlaktuelt_liveload.js'></script>
<script type="text/javascript">
$("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
$("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
});
</script>
Altri suggerimenti
Rimuovi tutte le console nel codice JavaScript. Per qualche ragione, la rottura di IE con questo.