IE8 (modo de compatibilidad) no se carga el contenido de mi Ajax
-
05-10-2019 - |
Pregunta
Estoy trabajando en un script de jQuery en http://www.qxl.dk/ y yo parece que no puede conseguir IE7 (o más exactamente, IE8 en modo de compatibilidad IE7) para cargar mi contenido.
El cuadro de la barra lateral de las cargas de la derecha llamado "QXL Aktuelt" su contenido HTML desde un archivo externo usando Ajax load()
, a continuación, desencadena un evento jQuery personalizado ( "aktuelt_loaded
") que se inicia una secuencia de comandos de carrusel (como un newsticker desplazamiento).
Varias otras secciones de contenido en la misma página se carga a través de Ajax y que funciona muy bien, por lo que me pregunto lo que va mal. Todo funciona como se espera en Firefox 3.6 e IE8, pero no en el modo de compatibilidad de Internet Explorer 8.
El script que carga el contenido de Ajax es (en línea en la página):
<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>
El script externo que responde al evento es en el siguiente archivo:
http://www.qxl.dk/contents/dk/js /qxlaktuelt_liveload.js
Todas las ideas son bienvenidas.
Solución
EDIT:
se carga parece que su contenido. Parece que tienes un problema de visualización de CSS. El uso de herramientas para desarrolladores de IE, busqué el href de un a
que se ha cargado correctamente en Safari
http://www.123hjemmeside.dk/pages/receive.aspx?target=wl&partnerkey=dkqxl:Hobby_aktuelt_1
y encontró que es estaba en la página junto con todo el resto del contenido.
ACTUALIZACIÓN:
El problema es con su elemento de #newsticker
. Es, y todos sus elementos li
, han de altura y o propiedades / ancho establecido para 0
.
Así que cualquier código es responsable de dimensionar / mostrar la #newsticker
y su contenido parece ser el culpret.
Esta es una suposición, pero esto qxlaktuelt_liveload.js
guión está siendo cargado después de esto:
<script type="text/javascript">
$("#qxlaktueltHolder").load("/contents/dk/modul/qxlaktuelt/qxlaktuelt.htm", function() {
$("#qxlaktueltHolder").trigger("qxlaktuelt_loaded", []);
});
</script>
Así que dependiendo de la duración de la toma load()
, el guión puede o no puede ser cargado.
Trate:
<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>
Otros consejos
Eliminar toda la consola en su código JavaScript. Por alguna razón, la ruptura de la IE con esto.