window.location.href.indexOf funktioniert nicht richtig

Question

Ich verwende derzeit window.location.href.indexOf in meinem aktuellen Projekt. Ich habe bemerkt, dass es nicht richtig zu funktionieren scheint. Zum Beispiel diesen Code, den ich gemacht habe.

$(document).ready(function() { 

    //Show Sign Up drawer if user clicks on referral link 
    //It will show the Sign Up drawer once the word "referral" is found in the URL 
    if (window.location.href.indexOf("?referral") > -1) { 
    console.log('Sign Up Drawer'); 
    $(".header-form-container.signup").addClass("show"), 
    } 
}); 

Dieser Code, was es tut, ist eine Klasse in einem Element hinzuzufügen, wenn das Wort referral in der URL zu finden ist. Die hinzugefügte add-Klasse wird dann eine Anmeldeschublade verschieben. Hier ist, was beim Testen passiert ist.

In meinem ersten Test habe ich versucht, das Wort referral in die URL einzufügen. in dem Wort und durch Drücken der Taste Enter Nach der Eingabe, die Javascript-I auslösen zu laufen bin versucht nicht

Aber nach dem Browser aktualisieren oder das Wort wieder einlegen es funktioniert jetzt. Es zeigt derzeit den Anmeldebereich an.

Wie kann ich sicherstellen, dass der Code window.location.href.indexOf im ersten Versuch funktioniert oder ohne wieder den Browser zu aktualisieren. Die Website ist auf einem eckigen Rahmen

Answer 1

Es funktioniert nicht, weil Ihr Skript (z. B. main.js) wird nur einmal beim Laden der Seite ausgeführt.

Sie könnten window.history verwenden, um den Browserverlauf zu bearbeiten. Sie können mit pushState()

History API

Hoffe, dass es hilft, die Query-String aktualisieren.

Answer 2

Wenn Sie nur die URL das Zeichen # nach ändern, wird die Seite nicht neu laden, da Sie den Ankerteil der URL nur sind zu ändern.
Ihr in $(document).ready(function() { ... verpackter Code wird nur einmal ausgeführt, wenn die Seite geladen wird.

Was Sie tun möchten, ist ein Listener für das Routenänderung Ereignis hinzuzufügen und Ihren Code in diesem Handler, etwa wie folgt ausführen:

$rootScope.$on("$routeChangeSuccess", function() { 
    if (window.location.href.indexOf("?referral") > -1) { 
    console.log('Sign Up Drawer'); 
    $(".header-form-container.signup").addClass("show"), 
    } 
});