amélioration progressive - Node.js, Backbone.js

Question

Le serveur Node.js a deux rôles:

• API RESTful sur les routes avec le préfixe/api
• Renders pages du site sur les routes autres (//plans/caractéristiques/termes ...)

Pour l'instant, toutes mes pages affichent une "page de chargement ..." combinée avec l'application Backbone qui remplace le DOM au démarrage de Backbone.router.

Je voudrais créer les pages du site Web côté serveur lorsqu'un utilisateur accède à une page et que Backbone gère la partie suivante de la navigation lorsque l'utilisateur navigue sur le site Web.

Je sais comment le faire côté serveur mais côté client lorsqu'une page est chargée avec le DOM déjà construit, le Backbone.router charge puis remplace le DOM car il ne sait pas que la vue est déjà préchargée.

Comment le réparer côté client?

code:

• Le routeur: http://pastebin.com/aUuXaVm9

• vue Accueil: http://pastebin.com/qS1tHUfq

• Termes voir: http://pastebin.com/et1mrbLK

Mise à jour: le nouveau code: https://gist.github.com/mathieug/d50c861e63dd647f1c2b
Maintenant, j'ai besoin de la méthode runSlider à appeler au premier chargement.

Answer 1

Lorsque vous démarrez l'historique, assurez-vous d'indiquer {silent: true} comme option pour signaler à Backbone que vous avez déjà chargé une page complète. Cela empêchera le routeur de remplacer le DOM lorsque la vue est déjà préchargée (la première fois).

De l'Backbone.js docs:

Si le serveur a déjà rendu la page entière, et vous ne voulez pas l'itinéraire initial pour déclencher lors du démarrage de l'histoire, passer silent: true.

Alors, votre code devrait ressembler à:

Backbone.history.start({pushState: true, silent:true});