JQueryの.attrでIEでは効くのにChrome,Firefoxでは効かない

Question

質問です。JQueryで画像の切替をシたいと思い、下記のコードを入力したのですが、Chrome,Firefoxでは上手く切り替わりません。どこか書き方に問題があるのでしょうか？IE11では問題なく切り替わります。

$(function(){
    $(".SubImg a").click(function(){
        $(".MainImg img").attr("src",$(this).attr("href"));
		return false;
    });
});

Answer 1

attr の代わりに、prop を使うとどうでしょう？

$(".MainImg img").attr("src",$(this).prop("href"));

Comments

[tetsulog]

ご回答ありがとうございます！.propで、正常に動きました！.attrで動かなかった理由がわからないのですが、

[tetsulog]

おかげさまで、思い通りの動作になりました。ありがとうございました。

Answer 2

e.stopPropagation();
e.preventDefault();
return false;
で動作しましたよ。
e は、 function(e) の パラメータです。

Comments

[tetsulog]

ご回答ありがとうございます！.propとの併用で問題なく動作致しました。ありがとうございました！