[Resolvido] Meu script não funciona no IE

[FelipeSAMA 1]

Boa tarde!

 

Estou com um problema bizarro, que não tenho ideia de como resolver.... Pois aparentemente não existem erros! Resolvi pedir ajuda para quem alguém que tenha experiência em desenvolvimento..

 

Eu fiz uma pagina em XHTML usando jquery e alguns hacks de CSS.. programei todos os menus, barras de idioma e também lighbox pelo jquery.. E como sempre o problema é com o carrasco do IE.

 

Eu dividi o site da seguinte maneira: Index.html e com varios links até a mesma página PHP, porém o conteúdo varia de acordo com o botão clicado.

 

Ao acessar o index pelo IE, o script funciona, mas ao clicar em alguma das categorias, ele redireciona para o content.php e depois dentro da página já não funciona mais... isso só ocorre no IE... vou colocar apenas a parte que se refere ao content.php que esta dando problema no IE:

 

$(document).ready(function(){

//Essa é a parte de abrir o fanxybox a partir di clique

$("a#idiom").fancybox({
	'padding': 0,
	'margin': 0,
	'type': 'iframe',
	'width': 200,
	'height': 208,
	'scrolling': 'no',
	'overlayColor': '#58595B',
	'overlayOpacity': 0.53,
	'opacity': true,
	'centerOnScroll': false,
	'showCloseButton': false
});
$("a#wbm").fancybox({
	'type': 'iframe',
	'width': 720,
	'height': 480,
	'scrolling': 'no',
	'overlayColor': '#58595B',
	'overlayOpacity': 0.53,
	'centerOnScroll': false,
	'showCloseButton': false
});



//Aqui é para os menus laterais do content.php

$('.ss1').mouseenter(function(event) {
	$(this).css("opacity","0");
	$('.ss11').css('opacity','1');
});
$('.ss1').mouseleave(function(event) {
	$(this).css("opacity","1");
	$('.ss11').css('opacity','0');
});


$('.ss2').mouseenter(function(event) {
	$(this).css("opacity","0");
	$('.ss22').css('opacity','1');
});
$('.ss2').mouseleave(function(event) {
	$(this).css("opacity","1");
	$('.ss22').css('opacity','0');
});


$('.ss3').mouseenter(function(event) {
	$(this).css("opacity","0");
	$('.ss33').css('opacity','1');
});
$('.ss3').mouseleave(function(event) {
	$(this).css("opacity","1");
	$('.ss33').css('opacity','0');
});


$('.ss4').mouseenter(function(event) {
	$(this).css("opacity","0");
	$('.ss44').css('opacity','1');
});
$('.ss4').mouseleave(function(event) {
	$(this).css("opacity","1");
	$('.ss44').css('opacity','0');
});

//Aqui é o botão para voltar acima na pagina

$('.topo').hover(function(){
	$('.topo').css('color', '#EF682E');
	$('.thover').html('<img src="images/seta-text22.jpg" />');
},function(){
	$('.topo').css('color', '#6C1B10');
	$('.thover').html('<img src="images/seta-text2.jpg" />');
});


//--------------------[ MENU IDIOMAS ]--------------------//


var janela = 0;
$('#seta-text').click(function(){
	janela++;
	if( (janela%2) != 0 ) {
		$('.idiom').css('display', 'block');	
		$('.idiom').show();
		$('.cont-idions').css('display', 'block');
		$('.cont-idions').show();
	}else {
		$('.idiom').css('display', 'none');	
		$('.idiom').hide();
		$('.cont-idions').css('display', 'none');
		$('.cont-idions').hide();
	}
});

$('.idions').hover(function(){
	$('li.idiom').css('display', 'block');	
	$('li.idiom').show();
	$('.cont-idions').css('display', 'block');
	$('.cont-idions').show();
	janela = 0;
},function() {
	$('li.idiom').css('display', 'none');	
	$('li.idiom').hide();
	$('.cont-idions').css('display', 'none');
	$('.cont-idions').hide();
	janela = 0;
});


$('.idiom').click(function(){
	$('li.idiom').css('display', 'none');	
	$('li.idiom').hide();
	var idiom = $(this).html();
	$('#dd-idiom').html(idiom);
	$('.link-idiom').css('color', '#575756');
	janela = 0;
});

$('.idiom').hover(function(){
	$(this).children('.link-idiom').css('color', '#fff');
	var indi = $(this).html();
	$(this).css('background', '#575756');
	janela = 0;
},function () {
	$('.idiom').css('background', '');
	$(this).children('.link-idiom').css('color', '#575756');
	janela = 0;
});

});

 

Bem pessoal... Eu tenho quase certeza que o problema não é no código js, pois eu havia construído previamente essa página em XHTML, depois que eu mudei pra PHP, o IE começou a dar problema...

 

Espero que tenha ajudado

[William Bruno 1501]

aparece algum erro no canto inferior da barra de status do IE?

 

uma espécie de alerta amarelo ?

precisa debugar o script, e verificar exatamente qual trecho dele está falhando.

 

tente comentando algumas partes, e verificando se funciona.

Vá liberando partes, até que alguma delas vai dar problema.

 

 

 

Qndo der problema, você saberá para onde exatamente deve olhar com mais atenção.

[FelipeSAMA 1]

Issso, foi exatamente o que eu tava tentando fazer agora..

 

O debugador encontra erros na linha 19, caractere 7,, mais especificamente nessa passagem

 

}, 250, "easeOutExpo", function() {

 

o código completo da função é o seguinte

$('#methodology').hover(function() {
		$('.container1').css('width', '387px'); 
		$('.container1').css('height', '202px');
		$('.met-secundo').css('display', 'block');
		$(".met-secundo").animate({
			    opacity: 1,
			    left: '+=388',
			 }, 250, "easeOutExpo", function() {
			    // Animation complete.
		});
	},function(){
		$(".met-secundo").animate({
		    opacity: 1,
		    left: '-=388',
		  }, 250, "easeOutExpo",  function() {
		    $('.container1').css('width', '0px'); 
		    $('.container1').css('height', '0px');
		    $('.met-secundo').css('display', 'none');
		});
  });

 

Tentei deixar tudo isso em comentario e rodou normal... Com ctza o problema deve ser no easing, o internet explorer nao aceita easing + PHP...

 

Alguém teria uma sugestão pra fazer com que esse trecho seja ignorado pelo IE?

 

EU ja tentei fazer um script só pra IE, tirei o easing, e nao funciona do memso jeito

[William Bruno 1501]

remova essa virgula aqui:

left: '+=388'

ela estava sobrando.

 

e essa tb:

left: '-=388'

[FelipeSAMA 1]

Nosssa.... Afinal de contas nem era o easing, era só uma virgula desapercebida...

 

Muito obrigado!!