2016-07-08 33 views
0

Ich habe eine Seite, die Inhalte mit einer eindeutigen ID aufgeführt sind, und ich will, wenn Benutzer auf Links klicken, um eines dieser Elemente anzuzeigen, wird nach unten oder oben scrollen, um das Element mit der ID zu finden in der Adressleiste foo=or2 und zur gleichen Zeit wird CSS-Fokus-Stil auf dieses Element anwenden. Ich habe versucht, dies zu tun, aber hat nicht für mich funktioniert kann jemand helfen?Fokus auf terget div Element mit get

JQuery Code

$(document).ready(function(){ 
// I don't know how to get the id from url 
    $('div').focus(); 
// I also don't know what else to do to make it work 
}); 

Hier ist mein Beispiel url auf div Element zu konzentrieren

http://www.example.com?see=orang foo $ = OR2

HTML Beispiel

+0

Mögliches Duplikat von [Wie können Sie in einer URL mithilfe von JavaScript nach #hash suchen?] (Http://stackoverflow.com/questions/298503/how-can-you-check-for-a-ash-hash-) In-einem-URL-Using-Javascript – hungerstar

Antwort

0

Es scheint wie eine beliebige Sache hinzuzufügen, aber wenn Sie tabindex = "- 1" als eine Eigenschaft Ihrer divs hinzufügen, sollten sie fokussierbar sein, die Funktion hat nur eine begrenzte Anzahl von Elementen, auf die sie verzichten kann es. Diese

ist aus der .focus jQuery Dokumentation:

Der Fokus Ereignis wird ein Element gesendet, wenn es den Fokus erhält. Dieses Ereignis ist implizit auf eine begrenzte Anzahl von Elementen anwendbar, z. B. Formularelemente (Eingabe, Auswahl usw.) und Verknüpfungen (a href). In neueren Browserversionen kann das Ereignis um alle Elementtypen erweitert werden, indem die Eigenschaft tabindex des Elements explizit festgelegt wird. Ein Element kann den Fokus über Tastaturbefehle wie die Tabulatortaste oder durch Mausklicks auf das Element erhalten.