jqueryで外部イメージをロードする

Question

私はこのコードを使ってimgイメージを変更しようとしていますが、これはローカルホストで動作しますが、私のホスト上ではうまく動作します。 これらは私TREID方法です：

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

そして、この私TREID別の方法：

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

#imgのsrcがnow.andそれ "/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

あなたはASP.NETや何かリットルを使用している場合あなたのコードが正しいので、ページがレンダリングされるときに、あなたのIDが変更されている可能性があるかもしれないことを、IKE

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

ここでフィドルを見http://jsfiddle.net/KBWk8/

Answer 2

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

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

をここにjsFiddleがあります：