SCRIPT EM JQUERY NÃO RODA NO MOZILA

 Tópico anterior Próximo tópico Novo tópico

SCRIPT EM JQUERY NÃO RODA NO MOZILA

ASP.NET

 Compartilhe  Compartilhe  Compartilhe
#477338 - 23/10/2017 19:21:16

KELLY
BRASILIA
Cadast. em:Setembro/2009


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:

  
<!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>




Resposta escolhida #477345 - 23/10/2017 22:39:03

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Você tem um erro de estrutura de HTML na sua tabela. Tem um "</th>" no final da linha que corresponde à "Mato grosso":

<tr><td>Mato Grosso do Sul</td><td>MS</td><td>Campo Grande</td></th>


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.

_______________________________________________________________________
Virei Oráculo!
The end is nigh, be ready for the nukes!


 Tópico anterior Próximo tópico Novo tópico


Tópico encerrado, respostas não sao permitidas
Encerrado por KELLY em 31/07/2018 22:57:03