2011-10-08 11 views
6

Studiuję Google Ajax Crawlable

Używam $(window) bind hashchange do kontrolowania ładowania strony ajax.

moja url jak:

nie posiada dwa rodzaje zmian

  1. domain.com/#!/apple&num=1 =>domain.com/#!/apple&num=2

  2. domain.com/#!/apple&num=1 =>domain.com/#!/banana&num=1

więc jak sprawdzić, czy zmieniono część hash z $(window) bind hashchange z apple =>banana? Dzięki.

$(window).bind('hashchange', function() { 
    // make a judge like if(){}else{} 
}); 
+0

Drugi zaktualizowany skrót nie tylko zmienia nazwę owocu, ale także liczbę. –

Odpowiedz

13

Zapisz hasz w zmiennej i zaktualizuj zmienną na końcu funkcji. Rozważ:

(function(){ 
    var lastHash = location.hash; 
    $(window).bind('hashchange', function() { 
     var newHash = location.hash; 
     // Do something 
     var diff = compareHash(newHash, lastHash); 
     alert("Difference between old and new hash:\n"+diff[0]+"\n\n"+dif[1]); 

     //At the end of the func: 
     lastHash = newHash; 
    }); 

    function compareHash(current, previous){ 
     for(var i=0, len=Math.min(current.length, previous.length); i<len; i++){ 
      if(current.charAt(0) != previous.charAt(0)) break; 
     } 
     current = current.substr(i); 
     previous = previous.substr(i); 
     for(var i=0, len=Math.min(current.length, previous.length); i<len; i++){ 
      if(current.substr(-1) != previous.substr(-1)) break; 
     } 

     //Array: Current = New hash, previous = old hash 
     return [current, previous]; 
    } 
})() 
+0

co za wspaniała praca. dzięki. – Giberno

3

Zapisałbym oryginalny skrót w zmiennej, a następnie zbadał nowy skrót, aby ocenić zmianę. Gdy to się stanie, ustaw nowy skrót na oryginalny:

var originalHash = window.location.hash; 
$(window).bind('hashchange', function() { 
    var newHash = window.location.hash; 
    //do your stuff based on the comparison of newHash to originalHash 

    originalHash = newHash; 
}); 
+1

można wykryć zmianę (window.location) i obsłużyć? (bez jquery) – BergP