Ich habe Probleme beim Ändern meiner Bilder bei Klickereignis mit Jquery

Question

Ich versuche, Bild zu tauschen, wenn ein Bild angeklickt wird ... hier ist meine jquery so weit und es funktioniert nicht.

$(document).ready(function(){ 
imgFldr = '../../App_Themes/Default/Images/'; 
    $('#smallImg1').click(function(){ 

     $('#smallImg1').attr('src', imgFlder+'belkinSmall4.png'); 
    }); 
}); 

Und unten ist ein Beispiel für meine HTML

<div> 
    <img id="smallImg1" src="../../App_Themes/Default/Images/belkinSmall1.png" /> 
</div> 

Jede mögliche Hilfe würde geschätzt!

Answer 1

Ich würde es so geschrieben haben:

$(function() { 
    var imageFolder = '../../App_Themes/Default/Images/'; 
    $('#smallImg1').click(function(){ 
    $(this).attr('src', imageFolder + "belkinSmall4.png"); 
    }); 
}); 

• $(function() { ... }) ist eine Abkürzung für $(document).ready(function() { ... })
• imageFolder statt imgFldr. Sinnlose Abkürzung imo.
• var imageFolder, auch (var ist der Schlüssel hier), so dass es eine lokale Variable ist, nicht eine globale.
• $(this) anstelle von $('#smallImg1'), um Doppelspurigkeiten zu vermeiden. Das Ergebnis ist identisch.

Dies ist jedoch nur eine Neubewertung Ihres Codes - sowohl Ihr Snippet als auch meins sollten funktionieren.

Also, "funktioniert nicht" - ändert sich das Bild? Ist der Pfad ungültig? Erhalten Sie JS Laufzeitfehler? Was ist, wenn Sie den src manuell auf '../../App_Themes/Default/Images/belkinSmall4.png' setzen - existiert das Bild?