使用jquery加载外部图像

我尝试用这段代码来更改img映像，它可以在本地主机上工作，但不能在我的主机上工作。 这就是我所说的：

$("#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>

---

如果您使用的是ASP.NET或类似的工具，则在呈现页面时可能会因为代码正确而更改id

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

---

查看此处的fiddle

如果您使用的是ASP.NET或类似的工具，则在呈现页面时可能会更改您的id，因为您的代码是正确的

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

看看这里的小提琴

你可以这样做：

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

下面是我制作的一个JSFIDLE:

您可以这样做：

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

---

下面是我制作的一个JSFIDLE:

你能发布你的HTML吗请发布你的HTML，并解释什么不起作用。有JS错误、404错误还是什么都没有发生？tnkx用于您的回放。我编辑我的问题关于$（“#btnChangImg”）。单击（函数（）{$（'#img'）.attr（'src'，'/Test/2.jpg'）；}）；你能发布你的HTML吗请发布你的HTML，并解释什么不起作用。有JS错误、404错误还是什么都没有发生？tnkx用于您的回放。我编辑我的问题关于$（“#btnChangImg”）。单击（函数（）{$（'#img'）.attr（'src'，'/Test/2.jpg'）；}）；除非您使用asp.net 4并将ClientMode设置为static@JPHellemons我不是asp.net的专家，如果是JSF，id很容易确定！：）没问题，还是要指出他可能需要美元（“”），除非您使用asp.net 4并使用ClientModestatic@JPHellemons我不是asp.net的专家，如果是JSF，id很容易确定！：）没问题，很好地指出他可能需要美元（“”）