2011-09-05 14 views

Respuesta

63

necesita habilitar pushState

Backbone.history.start({pushState: true})

http://backbonejs.org/#Router

http://backbonejs.org/#History

Edit: Como se señaló en los comentarios esto sólo funcionará para los navegadores que soportan pushState, navegadores que no lo hacen recurrirá al método hash. No hay una forma real de evitar esto, puede habilitar el navegador moderno y retroceder o simplemente usar hashes para todos los navegadores.

+0

Aquí hay más información a partir de una pregunta similar [link] (http://stackoverflow.com/a/8280389/706466) –

+7

Debe tenerse en cuenta que esto sólo está disponible en los navegadores que tengan soporte para la Historia API (navegadores modernos). Los navegadores sin el soporte de api de historial usarán el hash. – Kenzic

10

Backbone Boilerplate tiene una excelente ayuda que permite el estado de empuje. Lo uso cuando hay ocasiones en que quiero pasar por alto mi enrutador.

// Trigger the initial route and enable HTML5 History API support, set the 
// root folder to '/' by default. Change in app.js. 
Backbone.history.start({ pushState: true, root: app.root }); 

// All navigation that is relative should be passed through the navigate 
// method, to be processed by the router. If the link has a `data-bypass` 
// attribute, bypass the delegation completely. 
$(document).on("click", "a[href]:not([data-bypass])", function(evt) { 
    // Get the absolute anchor href. 
    var href = { prop: $(this).prop("href"), attr: $(this).attr("href") }; 
    // Get the absolute root. 
    var root = location.protocol + "//" + location.host + app.root; 

    // Ensure the root is part of the anchor href, meaning it's relative. 
    if (href.prop.slice(0, root.length) === root) { 
    // Stop the default event to ensure the link will not cause a page 
    // refresh. 
    evt.preventDefault(); 

    // `Backbone.history.navigate` is sufficient for all Routers and will 
    // trigger the correct events. The Router's internal `navigate` method 
    // calls this anyways. The fragment is sliced from the root. 
    Backbone.history.navigate(href.attr, true); 
    } 
});