Comment utiliser l'événement "hashchange" dans les délégués de l'événement backbone.js?

Question

Dans mon projet backbone.js, j'ai besoin d'une méthode qui ne déclenche que lorsque window.location.hash change. J'ai trouvé une solution de rechange pour mon problème comme here.

Aussi, je peux résoudre ce problème en créant un événement à mon avis fédérateur initialize function comme ci-dessous

Backbone.View.extend({ 
    initialize() { 
     $(window).on('hashchange',()=> { 
      console.log('yes hashchange events works') 
     }); 
    } 

Mais je cherche une solution qui utilise backbone.js'seventDelegates ou listenTo

Merci à l'avance

Answer 1

Vous pouvez utiliser Backbone.history pour cette étendue.

Histoire sert de routeur global (par image) pour gérer hashchange événements ou pushState, correspondre à la voie appropriée, et déclencher callbacks. Vous ne devriez jamais avoir à en créer un vous-même puisque Backbone.history en contient déjà un.

Parce qu'il déclenche un rappel, vous pouvez écouter hashchange événements:

Backbone.history.on("all", function (route, router) { 
    console.log(window.location.hash); 
}); 

ou

Backbone.history.on("route", function() { 
    console.log(window.location.hash); 
}); 

Answer 2

Essayez ceci pour initialiser la fonction:

window.addEventListener('hashchange', function { 
    var currentHash = location.hash; 

    console.log('currentHash', currentHash); 
})