Backbone Router nie działa z pushState

Question

chcę mieć każde żądanie strony przekierować do mojego index.html, a każdy związek (nie #urls -/prawdziwych/URL) kliknięciu w mojej aplikacji do uruchomienia przez router.js więc istnieją zasadniczo ma stron odświeża - czysto ajax. Czy istnieje prosty sposób, aby to zrobić za pomocą routingu Backbone i htaccess?

Mam to działa w tej chwili, jeśli zabiorę {pushState: true} i sformatować moje linki jak #login. Jednak po włączeniu pushState i kliknięciu na #login nic się nie dzieje. Zamiast tego, tylko raz odświeżam stronę, którą Szkielet interpretuje #login i podąża za trasą do renderowania loginView.

Oto mój ruter:

// Filename: router.js 
define([ 'views/beta/requestInvite', 'views/beta/login' ], 
function(requestInviteView, loginView) { 
    var AppRouter = Backbone.Router.extend({ 
     routes : { 
      // Pages 
      'login' : 'login', 

      // Default 
      '*actions' : 'defaultAction' 
     }, 

     // Pages 
     login : function() { 
      loginView.render(); 
     }, 

     defaultAction : function(actions) { 
      requestInviteView.render(); 
     } 
    }); 

    var initialize = function() { 
     var app_router = new AppRouter; 
     Backbone.history.start({pushState: true}); 
    }; 
    return { 
     initialize : initialize 
    }; 
}); 

Jakie chciałbym się zdarzyć jest w requestInviteView, gdy link do /login kliknięciu zmienia URL do /login i loginView jest renderowane.

Dzięki za pomoc!

Answer 1

Zmiana z hash na pushstate nie jest tak trywialna, jak zmiana pojedynczego parametru, ponieważ można skłonić do myślenia. Co zrobić, to złapać zdarzenie click w moim widoku i wywołać app.navigate, aby uruchomić trasę.

app.navigate("/login", {trigger: true}); 

http://backbonejs.org/#Router-navigate

Answer 2

Chociaż odpowiedź Antoniego będzie działać, korzystając trigger: true nie jest zwykle najlepszym sposobem działania. Zamiast tego Twoja aplikacja powinna mieć strukturę, dzięki czemu możesz zadzwonić pod numer navigate z domyślną wartością trigger do false.

Derick Bailey mówi o problemie na swoim blogu w http://lostechies.com/derickbailey/2011/08/28/dont-execute-a-backbone-js-route-handler-from-your-code/ (pkt "The«AHA!»Moment chodzi Router.Navigate za drugi argument")

Ponadto, cały rozdział wyjaśniający routing bardziej szczegółowo (w tym dlaczego należy pozostawić trigger do false) można dowloaded za darmo w tej próbce pdf book: http://samples.leanpub.com/marionette-gentle-introduction-sample.pdf (pełne ujawnienie: Jestem autor książki)