Backbone.js causa error solo en IE7

Question

Estoy desarrollando una aplicación web con CodeIgniter en back-end y Backbone.js en front-end. También estoy usando HTML5 Boilerplate como mi plantilla de inicio.

Estoy usando el controlador e historial de Backbone como navegación principal a través de mi aplicación. Lo he hecho una vez en el pasado y todo ha funcionado bien. El problema es que cuando comienzo la captura de eventos de hashchange con Backbone.History.start() y hago clic en un enlace example.com/#home, el cambio de hash en la url, el evento se dispara pero 2 segundos después, se borra el hash desde url y un error de javascript se lanza solo en ie7.

He echado un vistazo al código fuente y el evento hashchange se logra en IE7 creando un IFRAME ejecutando un intervalo para verificar el cambio del valor hash.

¿Alguien ha tenido este extraño error antes y sabe cómo solucionarlo?

Answer 1

La forma correcta de manejar una aplicación de base #hash con Backbone parece Backbone.history.saveLocation (hash) y después de Backbone.history.loadUrl() para el controlador de capacitación de enrutamiento

Whish i sabía esto antes ... Diviértete con esta biblioteca impresionante MVC :)

Answer 2

Al hacer clic en un hash-URL no se guarda una entrada del historial en IE, use la función saveLocation de Backbone para colocar un marcador de una ubicación a la que desee volver. Para la primicia, consulte:

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

Answer 3

he encontrado una solución para este problema de Jon Leighton en la lista tema oficial: https://github.com/documentcloud/backbone/issues/228

Hasta que un oficial parche añadir esto a los Backbone.js (línea 689 en Backbone 0.3.3)

 
this.iframe.document.open().close(); 
this.iframe.location.hash = window.location.hash; 

después de la línea siguiente:

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

(no pude escribir la etiqueta i-frame completo < & /> - que NO ES permitido aquí :))

Answer 4

La solución que he encontrado para el trabajo era utilizar Ben Alman de hashchange plugin. Vaya a la función de inicio en Backbone.History y reemplace el código de la función de inicio con esto.

 
start : function() { 
    $(window).hashchange(this.checkUrl); 
    return this.loadUrl(); 
} 

Y asegúrese de incluir el archivo de complemento hashchange en su código.