SCRIPT EM JQUERY NÃO RODA NO MOZILA
Olá a todos!
Eu gostaria de uma ajuda para identificar o porquê que esse script funciona no Google Chrome, mas não no Mozila. Já tentei adicionar até um alert() dentro dele para testar e também incluir o script dentro da tag <body>, mas nada de funcionar no Mozila. Segue o código:
Eu gostaria de uma ajuda para identificar o porquê que esse script funciona no Google Chrome, mas não no Mozila. Já tentei adicionar até um alert() dentro dele para testar e também incluir o script dentro da tag <body>, mas nada de funcionar no Mozila. Segue o código:
<!DOCTYPE html>
<html lang=[Ô]pt-BR[Ô]>
<head>
<meta charset=[Ô]UTF-8[Ô]>
<title>Projeto Teste</title>
<style>
.titulo {
background-color:green;
color:white;
font-weight:bolder;
width:200px;
}
.subtitulo {
background-color:gray;
color:white;
font-weight:bolder;
text-align:left;
}
.maismenos {
margin-right:4px;
}
</style>
<script type=[Ô]text/javascript[Ô] src=[Ô]../js/jquery-3.1.1.js[Ô]></script>
<script type=[Ô]text/javascript[Ô]>
$(document).ready(function(){
$([ô]tbody tr:not(.subtitulo)[ô]).hide();
$([Ô]tbody tr th[Ô]).prepend([Ô]<img src=[ô]../img/mais.png[ô] class=[ô]maismenos[ô]>[Ô]);
$([Ô]img[Ô]).click(function(){
var sinal = $(this).attr([Ô]src[Ô]).indexOf([Ô]../img/mais.png[Ô]);
if(sinal > -1){
$(this).attr([Ô]src[Ô],[Ô]../img/menos.png[Ô]).parents().nextUntil([Ô]tr.subtitulo[Ô]).show();
} else {
$(this).attr([Ô]src[Ô],[Ô]../img/mais.png[Ô]).parents().nextUntil([Ô]tr.subtitulo[Ô]).hide();
}
});
});
</script>
</head>
<body>
<table>
<thead>
<tr class=[Ô]titulo[Ô]><th>ESTADO</th><th>Sigla</th><th>Capital</th></tr>
</thead>
<tbody>
<tr class=[Ô]subtitulo[Ô]><th colspan=[Ô]3[Ô]>Centro-Oeste</th></tr>
<tr><td>Distrito Federal</td><td>DF</td><td>BrasÃlia</td></tr>
<tr><td>Goiás</td><td>GO</td><td>Goiânia</td></tr>
<tr><td>Mato Grosso</td><td>MT</td><td>Cuiabá</td></tr>
<tr><td>Mato Grosso do Sul</td><td>MS</td><td>Campo Grande</td></th>
<tr class=[Ô]subtitulo[Ô]><th colspan=[Ô]3[Ô]>Nordeste</th></tr>
<tr><td>Alagoas</td><td>AL</td><td>Maceió</td></tr>
<tr><td>Bahia</td><td>BA</td><td>Salvador</td></tr>
<tr><td>Ceará</td><td>CE</td><td>Fortaleza</td></tr>
<tr><td>Maranhão</td><td>MA</td><td>São LuÃs</td></tr>
<tr><td>ParaÃba</td><td>PB</td><td>João Pessoa</td></tr>
<tr><td>Pernambuco</td><td>PE</td><td>Recife</td></tr>
<tr><td>PiauÃ</td><td>PI</td><td>Teresina</td></tr>
<tr><td>Rio Grande do Norte</td><td>RN</td><td>Natal</td></tr>
<tr><td>Sergipe</td><td>SE</td><td>Aracaju</td></tr>
<tr class=[Ô]subtitulo[Ô]><th colspan=[Ô]3[Ô]>Norte</th></tr>
<tr><td>Acre</td><td>AC</td><td>Rio Branco</td></tr>
<tr><td>Amapá</td><td>AP</td><td>Macapá</td></tr>
<tr><td>Amazonas</td><td>AM</td><td>Manaus</td></tr>
<tr><td>Pará</td><td>PA</td><td>Belém</td></tr>
<tr><td>Rondônia</td><td>RO</td><td>Porto Velho</td></tr>
<tr><td>Roraima</td><td>RR</td><td>Boa Vista</td></tr>
<tr><td>Tocantins</td><td>TO</td><td>Palmas</td></tr>
<tr class=[Ô]subtitulo[Ô]><th colspan=[Ô]3[Ô]>Sudeste</th></tr>
<tr><td>EspÃrito Santo</td><td>ES</td><td>Vitória</td></tr>
<tr><td>Minas Gerais</td><td>MG</td><td>Belo Horizonte</td></tr>
<tr><td>Rio de Janeiro</td><td>RJ</td><td>Rio de Janeiro</td></tr>
<tr><td>São Paulo</td><td>SP</td><td>São Paulo</td></tr>
<tr class=[Ô]subtitulo[Ô]><th colspan=[Ô]3[Ô]>Sul</th></tr>
<tr><td>Paraná</td><td>PR</td><td>Curitiba</td></tr>
<tr><td>Rio Grande do Sul</td><td>RS</td><td>Porto Alegre</td></tr>
<tr><td>Santa Catarina</td><td>SC</td><td>Florianópolis</td></tr>
</tbody>
</table>
<!-- <script type=[Ô]text/javascript[Ô]> -->
<!-- $([Ô]tbody tr:not(.subtitulo)[Ô]).hide(); -->
<!-- $([Ô]tbody tr th[Ô]).prepend([Ô]<img src=[ô]../img/mais.png[ô] class=[ô]maismenos[ô]>[Ô]); -->
<!-- $([Ô]img[Ô]).click(function(){ -->
<!-- var sinal = $(this).attr([Ô]src[Ô]).indexOf([Ô]../img/mais.png[Ô]); -->
<!-- if(sinal > -1){ -->
<!-- $(this).attr([Ô]src[Ô],[Ô]../img/menos.png[Ô]).parents().nextUntil([Ô]tr.subtitulo[Ô]).show(); -->
<!-- } else { -->
<!-- $(this).attr([Ô]src[Ô],[Ô]../img/mais.png[Ô]).parents().nextUntil([Ô]tr.subtitulo[Ô]).hide(); -->
<!-- } -->
<!-- }); -->
<!-- </script> -->
</body>
</html>
Você tem um erro de estrutura de HTML na sua tabela. Tem um [Ô]</th>[Ô] no final da linha que corresponde à [Ô]Mato grosso[Ô]:
O chrome é bem mais condescendente nesse tipo de problema.
Uma dica é usar as ferramentas de desenvolvedor, disponÃveis em praticamente todos os browsers, simplesmente pressione F12 e veja no console as mensagens de erro.
<tr><td>Mato Grosso do Sul</td><td>MS</td><td>Campo Grande</td>[txt-color=#e80000]</th>[/txt-color]
O chrome é bem mais condescendente nesse tipo de problema.
Uma dica é usar as ferramentas de desenvolvedor, disponÃveis em praticamente todos os browsers, simplesmente pressione F12 e veja no console as mensagens de erro.
Tópico encerrado , respostas não são mais permitidas