Me he puesto a comprobar como funcionaba todo en todos los navegadores que tengo (safari, chrome, opera y firefox) y todo iba bien.
Entonces me he iluminado y me he atrevido a probarlo también con IE8, algo que tarde o temprano tendria que hacer, y me desespera.
He podido solucionar varias cosas, pero no ha habido manera con una pequeña parte del codigo de jquery.
Código:
$("li.campionat").click(function(event) {
$("li.campionat").fadeOut();
$("#events_aux").fadeOut();
$("#barra_camp").fadeIn();
$("#content_camp").fadeIn();
$("#thumbs").show();
var champ=$(this).attr('id');
if (champ=='c1'){
bcolor = "#FF3300";
bimage = "futsal_th.jpg";
logo = "barra_futsal.png";
w = "225px";
}
else if (champ=='c2'){
bcolor = "#FFCC33";
bimage = "fut7_th.jpg";
logo = "barra_fut7.png";
w = "228px";
}
else if (champ=='c3'){
bcolor = "#66FF00";
bimage = "fut11_th.jpg";
logo = "barra_fut11.png";
w = "249px";
}
else if (champ=='c4'){
bcolor = "#3399FF";
bimage = "futsal24_th.jpg";
logo = "barra_futsal24.png";
w = "222px";
}
$("#caixa_events").animate({'height':"600px",'top':"100px",'width':"750px"});
$("#barra_camp").css({'background-color': bcolor});
$(".menu_camp").css({'background-color': bcolor});
$("#m" + champ ).fadeIn();
$("#thumb_"+champ).css({'background-image':"url(../../logos/soccer/" + bimage +")"})
$("#logo_barra").css({'background-image':"url(../../logos/soccer/" + logo +")",'width':w});
llamadasin('campionats/'+champ+'/presentacio.html','content_camp');
});
Es la misma funcion que hace dias ya puse por aquí y me ayudasteis con un problema y de paso me la pusisteis mas elegante, todo un detalle.
Pues resulta que IE8 no quiere entenderlo, no hace casi nada, de hecho no hace nada a partir del
var champ=$(this).attr('id');
Supongo que por algun motivo IE8 no conoce el método .attr(); tengo alguna alternativa a parte del cartelito para que se bajen un navegador de verdad?
PD: No he probado versiones anteriores de IE, no tengo ninguna.