Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ModsHolandez

[Resolvido] JS não Funciona no Google Chrome

Recommended Posts

Galera, tenho esse javascript:

$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 500;
var slides = $('.slide');
var numberOfSlides = slides.length;
$('#slidesContainer').css('overflow', 'hidden');
slides
.wrapAll('<div id="slideInner"></div>')
.css({
'float' : 'left',
'width' : slideWidth
});
$('#slideInner').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
manageControls(currentPosition);
$('.control')
.bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
manageControls(currentPosition);
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
function manageControls(position){
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}	});

 

 

Em todos os outros navegadores funcionam!

O que eu posso fazer para arrumar?

 

abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

declare a unidade de medida:

 

'width' : slideWidth+'px'
});
$('#slideInner').css('width', (slideWidth * numberOfSlides)+'px');

e aperte Ctrl+Shift+J para ver o console, e ai o Chrome te mostrará pq não tá funcionando(console de erros)

Compartilhar este post


Link para o post
Compartilhar em outros sites

oque acontece de errado ?

Se fosse algum erro no js, deveria ter algo no console.

 

 

 

estamos sem detalhes para trabalhar, ai fica impossível ajudar.

Poste um link para o teu site.

Compartilhar este post


Link para o post
Compartilhar em outros sites

apareceram vários erros no meu console. Veja direito ai.

 

comece do básico, validando o html:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.modsholandez.xpg.com.br%2F

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vou explicar detalhadamente! No site, eu faço uma página para apenas do conteúdo para o post, exemplo: www.modsholandez.xpg.com.br/menu_sa/automoveis/caminhoes/Caminhao_Volkswagen_Titan_iframe.html

Depois faço uma página com as "coisas" dentro, exemplo: www.modsholandez.xpg.com.br/menu_sa/automoveis/caminhoes/Caminhao_Volkswagen_Titan.html

A página Caminhao_Volkswagen_Titan_iframe será inserida dentro da página Caminhao_Volkswagen_Titan como um iframe.

Nas imagens, eu faço um slideshow, uso um javascript que está dentro da página Caminhao_Volkswagen_Titan_iframe , chamado slideshow.js

O slideshow funciona no Firefox, Explorer... mas no Chrome não!

 

Caso queria mais alguma explicação, só perguntar!

 

abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

não preciso de explicações, apenas siga as instruções que dei.

 

Corrija oque eu pedi.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ambas as coisas.

 

-> a correção das unidades de medida(existe em mais um lugar q eu não te enviei)

-> corrigir a marcação html pelo validador w3c

-> corrigir os erros que o console de erros mostrou (ctrl+shift+j) [veja no firefox tb]

Compartilhar este post


Link para o post
Compartilhar em outros sites

ambas as coisas.

 

-> a correção das unidades de medida(existe em mais um lugar q eu não te enviei)

-> corrigir a marcação html pelo validador w3c

-> corrigir os erros que o console de erros mostrou (ctrl+shift+j) [veja no firefox tb]

 

ok! valeu! muito obrigado! vou fazer isso agr

Compartilhar este post


Link para o post
Compartilhar em outros sites

aqui

'marginLeft' : slideWidth*(-currentPosition)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Willian, fiz tudo que você mandou!

 

1. Coloquei as medidas no JavaScript.

2. Fui tentar arrumar os erros que apareciam no W3C Markup Validation Service, porém algumas são impossíveis de arrumar, e outras são códigos do servidor que hospedo, pois em cada página eles colocam propaganda, ai aparece o erro.

3. Fui ver os erros nos Consoles de Erros do Google Chrome, apareceu apenas 1 que é um erro do Google Adsence.

 

Conclusão, ainda não fuincionou o JavaScript no Google Chrome! :(

 

Você tem mais alguma sugestão?

 

Abraços e Agradeço a Compreensão!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Só lembrando que nem sempre o Console de Erros vai exibir os erros se tiver sido aberto DEPOIS de a página tiver sido carregada.

 

Lembre-se de recarregar a página com ele aberto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Só lembrando que nem sempre o Console de Erros vai exibir os erros se tiver sido aberto DEPOIS de a página tiver sido carregada.

 

Lembre-se de recarregar a página com ele aberto.

 

Já testei assim também, não funcionou! :(

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.