Backbone.js Ursache Fehler nur im IE7

Ich bin die Entwicklung einer web-app mit CodeIgniter auf back-end-und Backbone.js auf front-end.
Ich bin auch mit HTML5 Boilerplate, wie mein start-Vorlage.

Ich bin mit Rückgrat Controller und Geschichte als Haupt-navigation durch meine Anwendung. Ich habe es einmal gemacht in der Vergangenheit und alles funktioniert Prima. Das problem ist, wenn ich starten hashchange event capture mit Rückgrat.Geschichte.start() und klicken Sie auf einen link example.com/#home der hash ändern Sie in der url, das Ereignis ausgelöst wird, aber 2 Sekunden nach, wird der hash gelöscht von url und ein javascript-Fehler werfen, nur im ie7.

Habe ich einen Blick auf source-code und hashchange event ist erreicht, im IE7 durch das erstellen eines IFRAME läuft ein Intervall zu überprüfen hash-Wert ändern.

Jemand hatte dieses komische Fehler vor und wissen, wie man dieses Problem lösen?

InformationsquelleAutor Dominic Mercier | 2011-02-11
  1. 4

    Den richtigen Weg zu handle ein #hash-base-Applikation mit Backbone scheint Rückgrat.Geschichte.saveLocation( hash ) und nach dem Rückgrat.Geschichte.loadUrl() zu aktivieren, Controller routing.

    Doch ich wusste, dass dies vor...
    Haben Sie Spaß mit diesem atemberaubenden MVC-Bibliothek 🙂

    • Backbone.history.start() korrekt funktioniert, außer für IE7. Es scheint, dass IE7 nicht auslösen hashchange Veranstaltung. In meinem Fall habe ich Modernizr.hashchange zuerst zu überprüfen, ob es unterstützt wird. Wenn nicht, werde ich verwenden .saveLocation() und .loadUrl().
    InformationsquelleAutor Dominic Mercier
  2. 3

    Die Lösung, die ich gefunden habe zu arbeiten, war der Einsatz von Ben Alman ist hashchange-plugin. Gehen Sie auf die start-Funktion im Rückgrat.Geschichte und ersetzen Sie den code, der die Funktion start mit diesem.

    start : function() { 
$(window).hashchange(dies.checkUrl); 
wieder dieses.loadUrl(); 
}

    Und sicher sein, um die hashchange-plugin-Datei in Ihrem code.

    InformationsquelleAutor Kyle Buchanan
  3. 2

    Klick auf einen hash-URL eigentlich nicht speichern, eine history-Eintrag im IE -- verwenden Rückgrat ist saveLocation Funktion löschen Sie eine Markierung von einem Ort, den Sie möchten in der Lage sein, um zurück zu gehen. Für die volle Schaufel finden Sie unter:

    http://documentcloud.github.com/backbone/#Controller-saveLocation

    • Leider Rückgrat ist saveLocation nicht auslösen hashchange event und meine ganze Anwendung muss diese Funktion. Ich habe diesen Fehler im IE debug-Konsole SCRIPT1014: Invalid character javascript:0,line 1 character 2; die scheinen mit IE unsichtbaren IFRAME. Irgendwelche Ideen wie man es beheben?
    • Ich habe testen Sie eine andere Backbone.js tutorial, das Rückgrat der Geschichte und das gleiche problem tritt im IE7. Hier wird die URL der demo gemacht von Elf Sternberg link. Wie Sie sehen können, wenn Sie auf ein Element klicken, wird der hash ändern zu #item/c1 und ändern zurück zu # nach 50 ms (das ist das Intervall Rahmen der überprüfung der hash ändern). Vielleicht haben wir beide falsch Rückgrat der Geschichte? Können Sie uns einige Reale Nutzung?
    • Das problem ist, dass das Verhalten im ie7 ist völlig anders als andere browser. Der hash-tag wird nicht geladen beim laden der Seite, den hash-tag wird nicht im Verlauf gespeichert, automatisch nach einer änderung wie in anderen Browsern. Ich denke, dass dies behandelt werden müssen in der Zukunft so, dass alle Browser Verhalten sich gleich.
    InformationsquelleAutor jashkenas
  4. 1

    Fand ich eine Lösung für dieses problem von Jon Leighton in den offiziellen Ausgabe-Liste: https://github.com/documentcloud/backbone/issues/228

    Bis ein offizieller patch hinzufügen backbone.js (Linie 689 in Backbone-0.3.3)

    diese.iframe.Dokument.open().close(); 
diese.iframe.Lage.hash = Fenster.Lage.hash;

    nach der folgenden Zeile:


    this.iframe = $('iframe src="javascript:0" tabindex="-1" ').hide().appendTo('body')[0].contentWindow;

    (Ich konnte nicht schreiben das komplette i-frame-tag < & /> - es ist nicht hier erlaubt :))

    • Ähm... leider ist die browser-back-Button funktionieren nicht im IE7.
    InformationsquelleAutor Robert Muehsig
Schreibe einen Kommentar