Ir para conteúdo

Arquivado

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

Ocdigital

add Class active não funciona

Por , em Javascript

Recommended Posts

Ocdigital    2

Ocdigital
Postado

Pessoal estou usando iframe e gostaria de deixar o item escolhido "ATIVO" mas não esta funcionando, esse script eu peguei no Edit fiddle e está funcionando porém quando executo na minha maquina não funfa...o que estou fazendo de errado ?

 

Obrigado !

<!DOCTYPE html>
<html>
<head>
<style>
iframe{
    display:block;
    width:100%
}

.active{
    background-color:#FFFFE0;
    color: red;
}
</style>

<script>
$(function() {
  $('ul li').click( function() {
    $(this).addClass('active').siblings().removeClass('active');
  });
});
</script>
</head>
<body>

<ul>
    <li><a href="http://en.wikipedia.org/wiki/Rhenium" target="box">Rhenium</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Tellurium" target="box">Tellurium</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Tin" target="box">Tin</a></li>
</ul>

<iframe name="box" src="http://en.wikipedia.org/wiki/Rhenium"></iframe>

<script src="jquery-1.9.1.min.js"/>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Coloca a tag script depois da chamada do jQuery.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Aqui funcionou:

<!DOCTYPE html>
<html>
<head>
<style>
iframe{
    display:block;
    width:100%
}

.active{
    background-color:#FFFFE0;
    color: red;
}
</style>


</head>
<body>

<ul>
    <li><a href="http://en.wikipedia.org/wiki/Rhenium" target="box">Rhenium</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Tellurium" target="box">Tellurium</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Tin" target="box">Tin</a></li>
</ul>

<iframe name="box" src="http://en.wikipedia.org/wiki/Rhenium"></iframe>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function() {
  $('ul li').click( function() {
    console.log("ae");
    $(this).addClass('active').siblings().removeClass('active');
  });
});
</script>
</body>
</html>
note que eu tb fechei corretamente a tag </script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito