Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Tenho o seguinte código javascript:
if(screen.width < 767)
{
$("#mostra").removeClass("collapse");
$("#mostra").removeClass("nav-collapse");
$("#mostra").removeClass("navbar-collapse");
$("#mostra").removeClass("js-navbar-collapse");
$("#mostra").removeClass("menuReset");
};
E o que eu quero é que remova todas as classes css.
<div class="collapse nav-collapse navbar-collapse js-navbar-collapse menuReset" id="mostra"></div>
Pra que fique assim:
<div class="" id="mostra"></div>
O problema é que não está removendo, já pesquisei e tentei de varias formas sem sucesso.
Tem como fazer isso? Qual o problema?$("#mostra").removeClass("collapse nav-collapse navbar-collapse js-navbar-collapse menuReset");
tetsuo
Somente um id "mostra"
Maujor
Simplificou mas não resolveu.
Acho que meu erro está nesta parte
if(screen.width < 767)
Muito bem!
Agora que já sabemos que só existe um único elemento com id='mostra'
o sr. já pode adicionar o evento resize. Ele vai ficar "olhando" quando a janela for redimensionada.
Veja: https://developer.mozilla.org/pt-BR/docs/Web/Events/resize
window.addEventListener("resize", suaFuncao);
tetsuo
Não deu certo tua ideia mas me ajudou a pensar numa ideia e acabei conseguindo.
Obrigado também Maujor que me ajudou a limpar a função.
Segue a resposta para ajudar a quem precisar:
$(document).ready(function(){
if($(window).width() <= 767){
$("#mostra").removeClass("collapse nav-collapse navbar-collapse js-navbar-collapse menuReset");
//window.location = "https://www.google.com/";
}
});
O que solucionou foi o **ready(function****, **que eu não havia pensado mas precisa ser efetuado para que assim que a pessoa acesse a página no celular leia e execute a função. Era simples no final das contas.
Obrigado a todos. Tópico [Resolvido].Parabéns!
Talvez tenha ficado meio incompleto.
Você já pensou na possibilidade de um user redimensionar a janela?
>
2 horas atrás, tetsuo disse:
Parabéns!
Talvez tenha ficado meio incompleto.
Você já pensou na possibilidade de um user redimensionar a janela?
Sim mas a ideia é trocar a classe somente se a tela for pequena, tipo smartphone, por isso pra mim está ótimo da forma que está, mas se quiser postar pro pessoal a tua ideia pode ajudar outros. Abçs.
Você pode fazer isso nativamente utilizando css...
https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery
>
20 horas atrás, andersonhese disse:
Você pode fazer isso nativamente utilizando css...
https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery
Sim, é até mais fácil mas no meu caso específico eu não podia mexer no css por isso optei por javascript.
Olá!
Verifique quantos elementos exstem com a id='mostra'