JQuery的ONCLICK更改圖片src不刷新圖像

我使用的代碼使用jQuery來改變圖片src：JQuery的ONCLICK更改圖片src不刷新圖像

<script> 
$(document).ready(function() { 

$('#MyDiv').click(function() { 
    $('#MyImageID').attr('src', 'image1.jpg'); 
}); 

}); 
</script>

我的問題是，雖然它實際上改變了SRC實際上並未展示新形象。

是否必須刷新圖像？

我該如何分類？

來源

2012-02-27 Satch3000

圖像是否與包含此javascript的文件存在於同一目錄中？ – lamplightdev 2012-02-27 14:36:45

不...但我已經嘗試添加完整的url，但它仍然不顯示，雖然圖像src被更改。 – Satch3000 2012-02-27 14:38:22

您是否嘗試過在發生緩存問題時添加時間戳？ – Alex 2012-02-27 14:39:48

將一些隨機數傳遞給圖像： -

$('#MyImageID').attr('src', 'image1.jpg?'+Math.random());

來源

2012-02-27 14:45:01

我看到這被接受，但爲什麼這會工作？ – 2013-05-13 17:59:03

嘗試拆卸和重新安裝的<img>一旦你的改變src

來源

2012-02-27 14:38:34

未測試但應該工作，我認爲

是的，你必須加載圖像：

var image = document.createElement('img'); // new Image(1, 1); 
image.src = 'image1.jpg'; 
image.onload = function() { $('#MyImageID').attr('src', 'image1.jpg');};

，或者你可以替換標籤也應該工作

來源

2012-02-27 14:42:35 Vytautas

JQuery的ONCLICK更改圖片src不刷新圖像

回答

相關問題