Ich verwende die jQuery BBQ: Zurück-Taste & Abfrage-Bibliothek Plugin, um eine Seite zu erstellen, die dynamische Inhalte einfügt, wenn ein Link angeklickt wird. Wenn der Link angeklickt wird, wird die Raute geändert und neue Inhalte werden eingefügt (die "Standard"-Aktion des Anklickens einer href ist daher deaktiviert).
Dieser Teil funktioniert sehr gut, aber es gibt ein Problem.
Beispiel für mein Problem
Angenommen, die "Home"-Seite enthält eine DIV eine Reihe von Bildern und eine Liste von Links ...
- Seite eins
- Seite zwei
- Seite drei
Das Laden der Bilder kann eine Weile dauern. In der Zwischenzeit wartet der Nutzer oft nicht, bis sie vollständig geladen sind, und klickt auf den Link "Seite eins".
Dadurch wird der Inhalt der "Home"-Seite gelöscht und der Inhalt der "Page One"-Seite geladen. Das funktioniert gut.
Das Problem ist, dass die Bilder der Startseite immer noch im Browser geladen werden, obwohl der Benutzer die Startseite verlassen hat.
Ich weiß, dass dies geschieht, weil die Seite sich nicht wirklich geändert hat und ich den Hashchange-Hack des BBQ-Plugins verwende, aber ich möchte wissen, ob es eine Möglichkeit gibt, in JavaScript allen Bildern, die derzeit geladen werden, zu sagen stoppen in einem hashchange Veranstaltung?
?? Der Beispielcode wäre wie ...
$(window).bind('hashchange', function () {
//code to stop images from loading
// now load in new HTML content
});
