JQuery Onclick更改图像Src没有刷新图像

Question

我正在使用代码用jquery更改图像src：

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

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

});
</script>

我的问题是虽然它实际上改变了src但实际上并没有显示新图像。

是否需要刷新图像？

我该如何排序？

Answer 1

将一些随机数传递给图像： -

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

Answer 2

更改src后尝试分离并重新附加<img>

Answer 3

未经过测试，但我认为应该工作

是的，你必须加载图片：

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

或者你可以替换标签也应该工作