jquery - jqueryで外部画像を読み込む

Question

このコードを使用して img イメージを変更しようとすると、localhost で動作しますが、ホストでは動作しません。これらは私が踏んだ方法です：

$("#btnChangImg").click(function () {
             $("#Div").html('<img id="img" alt="" src="/Test/2.jpg" />');
});

そして、これは私が踏んだ別の方法です：

$("#btnChangImg").click(function () {
             $("#img").attr("src", "/Test/2.jpg");
});

#img の src は「/Test/1.jpg」になりました。「/Test/1.jpg」に変更する必要があります。

これは私のHTMLです：

<form id="form1" runat="server">
<div id="Div">
    <img id="img" alt="" src="/Test/1.jpg" />
</div>
<input id="btnChangImg" type="button" value="button" />
</form>

Answer 1

あなたはこれを行うことができます ：

$("div").click(function(){
    $("img").attr("src", "secondImage.jpg")            
})

ここに私が作ったjsFiddleがあります：http://jsfiddle.net/ZjQ7t/1/

Answer 2

ASP.NET などを使用している場合、コードが正しいため、ページがレンダリングされるときに ID が変更される可能性があります。

$("#btnChangImg").click(function () {
             $("#img").attr("src", "/Test/2.jpg");
});

ここのフィドルを見てくださいhttp://jsfiddle.net/KBWk8/