Comment déclencher différentes fonctions sur le hachage en fonction de la valeur de hachage avec jQuery?

Question

J'utilise Ben AlmanjQueryhashChange plugin d'événement. la partie de hachage ressemble à ceci:

#x=1&y=2&z=3 

J'ai déjà des fonctions qui analyse syntaxique getHashPart(key) et setHashPart(key).

Je voudrais avoir une fonction qui permettrait de s'enregistrer avec le changement d'une partie spécifique du hachage. Je l'utiliser en tant que tel (je suppose ...):

$(window).hashchange('x',function(new_value_of_x) {do something x related;}); 
$(window).hashchange('y',function(new_value_of_y) {do something y related;}); 

Comment pourrais-je enregistrer une telle fonction avec jQuery? quelque chose de similaire existe-t-il?

Merci!

Answer 1

Vous pouvez avoir une fonction qui répond à tous les événements hashchange (de préférence en maintenant le plugin hashchange utilisé), puis redirigez aux gestionnaires individuels comme ceci:

var hashParameters = {}; 

$(window).bind("hashchange",function(event) { 
//if you're using the awesome hashchange plugin 
//$(window).hashchange(function(event) { ... 
    var newParameters = getParameters(event.target.location.hash.substring(1)); 
    $.each(newParameters, function(key, value) { 
     if(hashParameters[key] !== value) $(window).trigger(key + "-change"); 
     hashParameters[key] = value; 
    }); 
}); 

$(window).bind("andsome-change", function() { 
    alert("hi!"); 
}); 

function getParameters(paramString) { 
    //taken from http://stackoverflow.com/questions/4197591/parsing-url-hash-fragment-identifier-with-javascript/4198132#4198132 
    var params = {}; 
    var e, a = /\+/g, r = /([^&;=]+)=?([^&;]*)/g, 
     d = function (s) { return decodeURIComponent(s.replace(a, " ")); }; 
    while (e = r.exec(paramString)) 
     params[d(e[1])] = d(e[2]); 
    return params; 
} 

window.location.hash = "some=value&andsome=othervalue"; 

j'ai une démonstration de travail here (maintenant avec le plugin hashchange, voir premier commentaire).