Ir para conteúdo

Publicidade

 Tópicos semelhantes

 Estatísticas do Fórum

  • 0 Usuários ativos

    0 membros, 0 visitantes, 0 membros anônimos

Foto
- - - - -

MUDAR CSS POR JAVASCRIPT

css javascript

Melhor Resposta Rafael Zilli , 11 janeiro 2017 - 17:34

Galera, consegui resolver o problema. Esqueci de declarar:

jQuery(function($){

...

});

:D

Visualizar todo o conteúdo do post

  • Por favor, faça o login para responder
3 respostas neste tópico

#1 Rafael Zilli

Rafael Zilli
  • Members
  • 6 posts

Postado 11 janeiro 2017 - 11:28

Bom dia. Desenvolvi um menu e gostaria que o background de um determinado LI mudasse de cor quando a respectiva pagina estiver aberta. Para saber a pagina corrente utilizei o seguinte codigo:

// pega a url e coloca na variavel url
var url = window.location.href;

// converte em String
url = url.toString()

// converte em um array separando pelos (=)
url = url.split("=");

// pega somente o ultimo elemento do array (nome do arquivo da pagina corrente)
var ultimoElemento = url[url.length - 1];

Para testar se está funcionando, utilizei if else:

if (ultimoElemento == "inicioProfessor"){
	document.write(ultimoElemento);
}
else {
	document.write("ola mundo");	
}

Funcionou normalmente. Então passei a tentar mudar o background do LI especifico:

if (ultimoElemento == "inicioProfessor"){
	$('item-inicio').css({"background-color":"#111"});
}
else {
	$('item-inicio').css({"background-color":"#FFF"});	
}

Mas não deu certo.

 

Gostaria de saber se alguém pode me ajudar com essa ultima parte, pois gostaria de continuar usando o mesmo método para pegar o nome do arquivo da pagina corrente.


  • 0

Publicidade

#2 gabrieldarezzo

gabrieldarezzo
  • Members
  • 712 posts

Postado 11 janeiro 2017 - 12:05

o Seletor deve estar incorreto.
Repare a falta do seletor de id '#'
 
Ou seria uma classe?
 
Tenta assim
Caso o seu elemento/tag seja algo como:

<div id="item-inicio"></div>

Então use esse seletor:

$('#item-inicio').css({"background-color":"#111"});

Caso seja uma classe...

<div class="item-inicio"></div>

Utilize o seletor de class '.' 

$('.item-inicio').css({"background-color":"#111"});

  • 0

#3 Rafael Zilli

Rafael Zilli
  • Members
  • 6 posts

Postado 11 janeiro 2017 - 16:29

gabrieldarezzo, obrigado pela observação, mas não resolveu :/


  • 0

#4 Rafael Zilli

Rafael Zilli
  • Members
  • 6 posts

Postado 11 janeiro 2017 - 17:34   Melhor Resposta

Galera, consegui resolver o problema. Esqueci de declarar:

jQuery(function($){

...

});

:D


  • 0




Publicidade