jQuery Delegate funktioniert nicht?

Question

Ich versuche Delegat zu verwenden, um eine Funktion aufzurufen, wenn ein bestimmter Satz von Links klicken. Ich habe es schon früher auf einer anderen Seite benutzt. Es wurde dort gearbeitet. Aber dieses Mal kann ich gar nicht finden, wo das Problem liegt.

Meine Links dynamisch generiert wurden, sieht sie aus wie

<a class="thumbLink" href="#" id="My HomeTown-1"><small>My HomeTown</small></a> 

Und die jQuery Delegatfunktion ist,

$(document).ready(function(){ 
$("#albumHolder").delegate('a.thumbLink', 'click', this.loadAlbum);//albumHolder is div ID that holds all the <a> elements 

this.loadAlbum = function(){ 
    var id = this.id; 
    var number = id.lastIndexOf("-"); 
    var alubmName = id.subString(0, number); 
    alert(albumName); 
} 
}); 

Update:

ich beide Versionen versucht, aber ich bin nicht in der Lage, es zum Laufen zu bringen!

$("#albumHolder").delegate('a.thumbLink', 'click', function loadAlbum(){ 
    var id = this.id; 
    var number = id.lastIndexOf("-"); 
    var alubmName = id.subString(0, number); 
    alert(albumName); 
}); 



    this.loadAlbum(){ 
    var id = this.id; 
    var number = id.lastIndexOf("-"); 
    var alubmName = id.subString(0, number); 
    alert(albumName); 
} 
$("#albumHolder").delegate('a.thumbLink', 'click', this.loadAlbum); 

Der obige Code ist in $(document).ready(function(){});. Ist das korrekt?? Ich habe auch versucht, indem Sie sie in eine separate js Datei. Ich kann es nicht funktionieren lassen.

Irgendeine Idee über mein Problem !!!

Answer 1

Wenn dies die Reihenfolge Ihres tatsächlichen Codes ist, versuchen Sie, den Funktionsausdruck zu übergeben, bevor er initialisiert wurde.

sie umkehren und es sollte funktionieren:

this.loadAlbum = function(){ 
    var id = this.id; 
    var number = id.lastIndexOf("-"); 
    var alubmName = id.subString(0, number); 
    alert(albumName); 
} 
$("#albumHolder").delegate('a.thumbLink', 'click', this.loadAlbum); 

Answer 2

Sie verwenden einen Funktionsausdruck, bevor Sie ihn definieren. Dies funktioniert nicht. Verwenden Sie entweder eine reguläre Funktionsdeklaration (function loadAlbum() { /* ... */ }) oder definieren Sie this.loadAlbum (this.loadAlbum = function() { /* ... */ }), bevor Sie sie in Ihrem Aufruf von delegate() verwenden.