Ouvintes JQuery URL de Eventos
-
03-07-2019 - |
Pergunta
Eu estou tentando obter o JQuery para destacar um elemento baseado no selector de ligação ID
Por exemplo
<a href="#thisid">Goto Element with ID name</a>
Destaques do elemento abaixo.
<div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div>
Iv tentou procurar por plugins relevantes, mas nenhuma alegria. Alguma idéia?
Solução
Assim, você só quer adicionar uma classe?
jQuery('a[href^=#]').click(function(){
var id = this.hash.replace('#','');
$('#' + id).addClass('isNowHighlighted');
});
EDIT:
Em resposta ao seu comentário; você poderia fazer o mesmo quando a página é carregada:
$(document).ready(function(){
if (window.location.hash) {
$('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
}
});
Outras dicas
Desde #thisId não é uma âncora, que é meio sem sentido, então eu faria assim:
<a data-highlight="thisid" href="#">Goto ..</a>
$('a[data-highlight]').click(function(event){
$('#' + $(this).data('highlight')).addClass('isNowHighlighted');
event.preventDefault();
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow