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/