用jquery加载外部图像

我试试这个代码来改变一个img图像，它在localhost中工作，但在我的主机上工作。这些都是我TREID方式：用jquery加载外部图像

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

来源

2012-04-12 Mahdi jokar

你可以发布你的HTML – 2012-04-12 13:14:50

请发布你的HTML，并解释什么是行不通的。有没有JS错误，404或什么都没有发生？ – 2012-04-12 13:15:45

tnkx您的replaye。我编辑我的问题 – 2012-04-12 13:16:15

如果你正在使用ASP.NET或东西升IKE，这可能是可能的，因为你的代码是正确的

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

看看这里的小提琴http://jsfiddle.net/KBWk8/

来源

2012-04-12 13:19:44

除非你使用asp.net 4并将clientidmode设置为静态 – 2012-04-12 13:20:47

@JPHellemons我不是asp.net的专家，如果它是JSF，那么id很容易确定！ :) – 2012-04-12 13:21:54

没问题，仍然指出他可能需要$（'<％= imgName.ClientId（）％>'）http://msdn.microsoft.com/en-us/library/system.web .ui.control.clientidmode.aspx – 2012-04-12 13:24:05

你的ID是在呈现页面时改变你可以这样做：

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

这是我做的一个jsFiddle：http://jsfiddle.net/ZjQ7t/1/

来源

2012-04-12 13:22:39 gabitzish

用jquery加载外部图像

回答

相关问题