Problema Jquery IE7 y IE8

cdocristian83 · #1 (**permalink**) 01/10/2012, 08:20

Hola tengo un problema con IE7 y IE8, lo que me sucede es que yo soy diseñador, y tuve que hacer la integración jquery para un sitio. Todas las librerias funcionan correctamente en Firefox, chrome, safari e IE9. Pero con 7 y 8 muchas de las las funciones no me andan, por dar un ejemplo el resize de los divs de las diferentes secciones no anda en estas dos versiones. Otra cosa que me sucede en estos dos ie es que a al hacer click en un botón se desplaza hasta la sección determinada, pero luego esto deja de funcionar. Creo que todos estos errores se deben a la desprolijidad del código. Se que debe haber multitud de errores de inexperto pseudoprogramador, pero necesitaría saber lo básico en el ordenamiento de funciones y librerias para el correcto funcionamiento de todo en todos los navegadores.

Cópio debajo el head de la página donde se ordenan las diferentes librerias y otros js creados por mi:

Código HTML:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Weblosophy. Comunicación y marketing digital.  </title>	
<meta name="keywords" content="comunicaci&oacute;n. Marketing. Digital. “marketing digital”. Redes sociales. Seo. Contenidos. Experiencias interactivas. “agencia digital”. Medios. “medios de comunicaci&oacute;n”. Desarrollo. “Community manager”. Banners. Campa&ntilde;a. “an&aacute;lisis de audiencia”."> 
<meta name="description" content="Somos una agencia de marketing, comunicaci&oacute;n y producci&oacute;n digital. Proyectamos, producimos e implementamos estrategias online de manera integral: dise&ntilde;o, desarrollo, producción de contenidos, redes sociales, campa&ntilde;as online, implementaci&oacute;n de SEO y medici&oacute;n de audiencia.">
<!--[if lt IE 9]> 
<script type="text/javascript"> 
   document.createElement("nav"); 
   document.createElement("header"); 
   document.createElement("footer"); 
   document.createElement("section"); 
   document.createElement("article"); 
   document.createElement("aside"); 
   document.createElement("hgroup"); 
</script> 
<![endif]-->
	<link href="css/estilos.css" rel="stylesheet" type="text/css">
    <link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-latest.js"></script>
    
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    
    <script type="text/javascript" src="js/jquery-weblosophy.js"></script> 
    <script type="text/javascript" src="js/jquery-portfolio.js"></script>
    <script type="text/javascript" src="js/jquery-otras.js"></script>  
    <script type="text/javascript" src="js/jquery.nicescroll.js"></script>
    <script type="text/javascript" src="./js/jquery.validate.js"></script>
    	
    
<script type="text/javascript" src="./js/contactanos.js"></script>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/></script>
    
<script src='js/fadeslideshow.js' type='text/javascript'/></script> 

<script>
//<![CDATA[
// Botón para Ir Arriba
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#logo").show();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 50) {
jQuery('#logo').fadeOut();
} else {
jQuery('#logo').fadeIn();
}
});
});

});
//]]>
</script>

    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-15041758-1']);
 _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]);


  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script>
function reSize() {
	
	var ventana_alto = window.innerHeight;	
	$('#home').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	 
	var ventana_alto = window.innerHeight;	
	$('#somos').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	
	$('#sabemos').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});	
	
	$('#hicimos').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	
	$('#trabajamos').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	
	$('#hablemos').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	
	$('#con-thumbs').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	
	$('#thumbs').attr({
		'style': 'height:' + ventana_alto + 'px;'
	});
	 
	}
window.setInterval("reSize()",1000);
</script>
</head>

underwebinfo · #2 (**permalink**) 03/10/2012, 05:16

en vez de attr('style','') recomiendo usar css('propiedad','valor')

Sirikon · #3 (**permalink**) 04/10/2012, 08:41

Y de todas formas IE7 e IE8 son navegadores que, gracias a dios, a están desapareciendo, ya sea por IE9 (Que algo es algo) o por algún navegador decente como Firefox y Chrome.

y jQuery ya se anunció si mal no recuerdo que no funcionaría con estos navegadores ya que hacía imposibles muchas cosas casi básicas.