0

画像がクリックされたときに画像を交換しようとしています...これまでのところ私の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>

どんな助けでも大歓迎です！

4

1 に答える 1

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ここではキーです）、グローバル変数ではなくローカル変数になります。
  • $(this)の代わりに$('#smallImg1')、重複を避けるために。結果は同じです。

ただし、これはコードのリファクタリングにすぎません。スニペットと私のコードの両方が機能するはずです。

それで、「うまくいかない」 - イメージは変わりますか？パスが無効ですか? JS ランタイム エラーは発生しますか? 手動で src を設定するとどうなりますか'../../App_Themes/Default/Images/belkinSmall4.png'— 画像は存在しますか?

于 2009-05-29T16:09:07.603 に答える