toggleClass() funktioniert nicht

Question

Ich habe ein seltsames Problem, ich habe versucht, toggleclass() zu verwenden, wenn ich es in den Editor nicht funktioniert (der Rest der js läuft richtig, so dass ich weiß, die Datei ist gut verlinkt) aber wenn ich im Web Inspector versuche es funktioniert perfekt irgendwelche Ideen?

var main=function(event){ 
    $('#lucas').click(function(event){ 
     $('#lucas').toggleClass('perfil2'); 
    }); 
}; 


$(document).ready(main); 

Ich weiß, dass ich wahrscheinlich this anstelle des zweiten Selektor für das id rechts verwenden sollte? (Macht noch keinen Unterschied, noch woulnd't arbeiten)

Answer 1

Verwenden this und Event-Delegation:

$(function(){ 
     $('body').on('click','#lucas',function(event){ 
      $(this).toggleClass('perfil2'); 
     }); 
}) 

Anmerkung: Ihre ID muss eindeutig sein

Answer 2

Dies sollte für Sie arbeiten:)

$(document).ready(function(){ 
    $('#lucas').click(function(){ 
     $('#lucas').toggleClass('perfil2'); 
    }); 
}); 

Answer 3

Es funktioniert gut für mich in Geige.

var main=function(event){ 
$('#lucas').click(function(event){ 
    $('#lucas').toggleClass('perfil2'); 
});}; 
$(document).ready(main); 

JSfiddle