JQuery URL Ereignis-Listener
-
03-07-2019 - |
Frage
Ich versuche, JQuery zu bekommen, ein Element zu markieren, basierend auf dem Link ID-Selektor
Beispiel
<a href="#thisid">Goto Element with ID name</a>
Highlights das Element unten.
<div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div>
Iv versucht, relevante Plugins gesucht, aber keine Freude. Irgendwelche Ideen?
Lösung
So Sie nur eine Klasse hinzufügen?
jQuery('a[href^=#]').click(function(){
var id = this.hash.replace('#','');
$('#' + id).addClass('isNowHighlighted');
});
EDIT:
In Antwort auf Ihren Kommentar; Sie könnten das gleiche tun, wenn die Seite geladen wird:
$(document).ready(function(){
if (window.location.hash) {
$('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
}
});
Andere Tipps
Da #thisId nicht ein Anker ist, dann ist es irgendwie sinnlos, damit ich es tun möchte:
<a data-highlight="thisid" href="#">Goto ..</a>
$('a[data-highlight]').click(function(event){
$('#' + $(this).data('highlight')).addClass('isNowHighlighted');
event.preventDefault();
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow