Gewusst wie: hinzufügen #hash-Klick auf ein element

Wenn ich meine Seite bei http://www.mywebsite.com/ wo habe ich das jQuery-code :

$('#locSlideButton2').click(function() {

});

Ich möchte, klickt auf den locSlideButton2 element, und fügen Sie eine Raute (z.B. #Beispiel), um die url, ohne jede Umleitung.

Wie kann ich es tun?

InformationsquelleAutor markzzz | 2011-10-25
  1. 45

    Verwendung von plain old vanilla JS:

    window.location.hash='example';

    MDN auf Fenster.Lage

    InformationsquelleAutor Some Guy
  2. 7

    Gibt es zwei Möglichkeiten, entweder Sie javascript verwenden, wo Sie Zugriff auf das Fenster.Lage.hash, oder binden Sie Ihre click-Ereignis, um eine <a href="#example">, und verhindern, dass der Standard auf klicken Sie auf, oder denken, es ist cool, wenn Ihr die Seite geht bis an die Spitze, und der hash sollte erscheinen in der browser-Adresse bar.

    InformationsquelleAutor adeneo
  3. 0

    Wiederbelebung dieses Threads, heute können Sie history API, funktioniert das gleiche wie oben, sondern vermeidet auch automatisch scrollen, um eine id gibt Ihnen die vollständige Kontrolle über das, was Sie tun möchten, mit diesem hash:

    window.history.pushState({}, "Example Title", "#example");

    MDN auf History API

    InformationsquelleAutor Wenceslao Negrete
  4. -3

    wickeln einfach #locSlideButton2' with` wie dieser

    <a href="#yourhash"><button id="locSlideButton2">Click me.</button></a>

    Wird dies tun,

    • eine Schaltfläche innerhalb eines a-Elements ist nicht gültig html. siehe hier
    • NÖ das ist komplett Scheiße
    • Ok, kopieren Sie einfach/fügen Sie diesen code in den W3C HTML-validator, und überprüfen Sie es. <!doctype html><html lang="en"><title>Test</title><a href="#yourhash"><button id="locSlideButton2">Click me.</button></a></html> Du wirst sehen, es ist nicht Gültiger html-Code.
    InformationsquelleAutor HackerManiac
Schreibe einen Kommentar