Wie Sie verhindern, dass die Seite aktualisieren, wenn <a> - tag geklickt?

Muss ich übergeben Sie einen parameter in der URL und verhindert zugleich, dass die Seite Neuladen, wenn ich auf jede <a> tag mit einem leeren href Attribut (<a href="">)

Gibt es eine Möglichkeit, dies zu tun mit JS/jQuery?

Habe ich das jQuery bereits

$('.list-group-item a').click(function (event) {
  event.preventDefault();
});

Aber wenn ich auf <a href="inbox/1">Message</a> (jeder Anker mit href) preventDefault beendet, der Wert wird übergeben in der url.

Kann jemand helfen?

Vielen Dank im Voraus.

  • Es ist nicht ganz klar, was du zu sagen versuchst? Was genau möchtest du tun mit dem Wert?
  • Ich denke, er muss die änderung der url ohne redirect
  • Ich brauche zum ändern der URL ohne redirect, wie Shijin sagte.
InformationsquelleAutor Michel | 2015-01-05
  1. 1

    window.location.hash="inbox/1" aktualisieren können der hash-Wert in der url. Diese kann getan werden, mit der Veranstaltung preventDefault code.

    • Danke Mann. Diese wirklich hat den trick. Jetzt bin ich auf der Suche auf immer den Wert nach dem # (hash) mit Jquery, Ajax.
    • Um den Wert nach hash -> Fenster.Lage.hash
    InformationsquelleAutor Rohith K
  2. 1

    Versuchen Sie den folgenden code

      $('.list-group-item a').click(function (event) {
   event.preventDefault();
   var url = $(this).attr('href');
   window.history.replaceState("object or string", "Title",url); //this will change your url
 });

    Für Mehr details http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

    InformationsquelleAutor Shijin
  3. 0

    Können Sie Attribut gleich selector um zu verhindern, dass click-Ereignis im Fall von leeren href-like,

    $('.list-group-item a[href=""]').click(function (event) { //where href are blank
   event.preventDefault();
});

    Und ich möchte empfehlen, nicht leer machen die href's können Sie # wenn keine links da sind.

    InformationsquelleAutor Rohan Kumar
  4. 0

    Verwenden Sie die jQuery -Lust auf Selektoren, vor allem die Attribut entspricht ein.

    Es zu benutzen, können Sie nur <a> - tags, die haben ein leeres href-Attribut:

    $('.list-group-item a[href=""]').click(function(event) {
  event.preventDefault();
});

    Den $('.list-group-item a[href=""]') selector verengt die gesammelten Elemente nur diejenigen Anker-tags mit der Klasse list-group-item und ein leeres href.

    Das bedeutet, dass alle anderen Anker-tags funktionieren.

    InformationsquelleAutor theonlygusti
Schreibe einen Kommentar