Probleminha com js

[lilavelozo]

gente, seguinte... eu tenho um site aqui, todo em HTML. Precisei de um codigo js pra aplicar um efeito aqui em uma foto de uma página interna. O problema, é que o script só funciona quando eu coloco no index.html. Quando coloco na pagina interna que eu quero, não funciona. Quando coloco também o script no index.html, e o codigo HTML da foto na pagina que eu quero, também não funciona. Ou seja, o script funciona na index quando o codigo HTML da foto também está na index. Quando transfiro tudo pra pagina que eu quero, não funciona. alguém sabe o que pode ser? Grata desde já :)

[matheus.labanca]

lila pode ser várias coisas, caminho do js errado, função errada.... passe o caminho do site e de uma olhada no console.log da página interna com o script e veja se aparece algum erro. Se sim poste aqui.

att

[lilavelozo]

não.. não acusou nenhum erro. eu realmente não sei o que é, e precisando resolver isso pra ontem... ://

a funçao que eu to usando funciona perfeitamente na home, mas não funciona na pagina interna. então, não é erro na funçao também

[matheus.labanca]

Posta a função aqui e o que ela tem que fazer se possível o link da página

[lilavelozo]

a função serve um efeito hover.

quando eu passo o mouse em cima da foto, aparece um bg e um texto. só isso.

taí a função que eu to usando:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function(){jQuery('.foto').bind({mouseenter: function(){ jQuery(this).children('.box').fadeIn('slow');

},

mouseleave: function(){ jQuery(this).children('.box').fadeOut('slow');}

});

});</script>

o link da pagina é este: http://www.triadcomunicacao.com.br/index.html#about

Obrigada! :))

[Arash]

Qual é o efeito?

Pelo que eu vi no código, faz assim:

crie uma div com classe "foto" e dentro outra com classe "box".

Editado Agosto 20, 2012 por Arash

[lilavelozo]

isso, já tenho. teoricamente, o que tem dentro da div box era pra ser o meu hover. funciona assim na home, mas na página interna não.

o html ta assim:

<div class="foto">

<div class="box">

<p>TEXTO</p>

</div>

</div>

CSS:

.foto {

background: url (images/imagem.jpg);

}

.box {

width: 800px;

height: 100px;

background: #000;

color: #fff;

}

[Arash]

Tenta assim, no meu funcionou legal...

$(document).ready(function(e) {

$('.foto').mouseenter(function(e) {

$(this).children('.box').fadeIn("slow");

});

$('.foto').mouseleave(function(e) {

$(this).children('.box').fadeOut('slow');

});

});

[lilavelozo]

deu certo mesmo? mas tu chamou esse codigo onde?

eu testei chamando no head do index.html e na também na pagina onde eu to precisando e nada aconteceu :/

[Arash]

Olha ai o resultado:

http://jsfiddle.net/hdSh8/embedded/result/

E aqui o código da página:

http://jsfiddle.net/hdSh8/

Editado Agosto 21, 2012 por Arash