Jqueryでクリックイベントで画像を変更するときに問題が発生しました

Question

画像をクリックしたときに画像を交換しようとしています...ここまでのところ私のjqueryが動作していません。

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

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

以下任意の助けをいただければ幸い私のHTML

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

の一例です！私はこのようにそれを書かれているだろう

Answer 1

：

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

• $(function() { ... })は$(document).ready(function() { ... })
• imageFolder代わりにimgFldrの省略形です。無意味な略語。
• var imageFolderもあります（varがここにあります）。グローバル変数ではなくローカル変数です。重複を避けるために、$('#smallImg1')の代わりに
• $(this)を使用してください。結果は同じです。

ただし、これはコードの再組み立てであり、スニペットと私の両方が動作するはずです。

「うまくいかない」 - 画像が変わるのですか？パスは無効ですか？ JSランタイムエラーはありますか？ srcを'../../App_Themes/Default/Images/belkinSmall4.png'に手作業で設定した場合、画像は存在しますか？