Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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> 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](http://en.wikipedia.org/wiki/Rhenium)" target="box">Rhenium</a></li>
<li><a href="[http://en.wikipedia.org/wiki/Tellurium](http://en.wikipedia.org/wiki/Tellurium)" target="box">Tellurium</a></li>
<li><a href="[http://en.wikipedia.org/wiki/Tin](http://en.wikipedia.org/wiki/Tin)" target="box">Tin</a></li>
</ul>
<iframe name="box" src="[http://en.wikipedia.org/wiki/Rhenium](http://en.wikipedia.org/wiki/Rhenium)"></iframe>
<script src="jquery-1.9.1.min.js"/>
</body>
</html>Não deu certo :upset:
Aqui funcionou:
<!DOCTYPE html>
<html>
<head>
<style> display:block;
width:100%
}
.active{
background-color:#FFFFE0;
color: red;
}
</style>
</head>
<body>
<ul>
<li><a href="[http://en.wikipedia.org/wiki/Rhenium](http://en.wikipedia.org/wiki/Rhenium)" target="box">Rhenium</a></li>
<li><a href="[http://en.wikipedia.org/wiki/Tellurium](http://en.wikipedia.org/wiki/Tellurium)" target="box">Tellurium</a></li>
<li><a href="[http://en.wikipedia.org/wiki/Tin](http://en.wikipedia.org/wiki/Tin)" target="box">Tin</a></li>
</ul>
<iframe name="box" src="[http://en.wikipedia.org/wiki/Rhenium](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>Perfeito! Valeu Bruno
Coloca a tag script depois da chamada do jQuery.