用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加載外部圖像

回答

相關問題