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>




#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.

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


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


Para responder este tópico o login é requerido
Se você já possui uma conta de usuário por favor faça seu login
Se você não possui uma conta de usuário use a opção Criar usuário