動態圖像更新不會在Mozilla

Question

在jsp中工作，我已經將圖像設置爲

<img id="captcha" src= "/app/img.servlet" onclick="reloadImg();" /> 

這將調用適當的servlet和顯示此圖像上result.Clicking，servlet的將被召回，新的圖像會是generated.To在頁面上顯示我用下面的方法

function reloadImg(){ 
$("#captcha").attr("src", "/app/img.servlet"); 

}

這似乎工作的罰款鉻，但在Mozilla不起作用。找不到我做錯了什麼。

Answer 1

添加時間在我的URL呼叫解決我的問題。

function reloadImg(){ 
var d = new Date(); 
$("#captcha").attr("src", "/app/img.servlet?"+d.getTime()); 
} 

Answer 2

你準備好了嗎？

對於圖像有檢查DOM準備

$(function(){ 
     //your code goes here 
}) 

Answer 3

您可以編寫完整的jQuery的功能，如：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(document).on("click",".signup-info_class",function() { 
     var d = new Date(); 
     $('#captcha_image').attr('src',"jcaptcha.jpg?"+d.getTime()); 
    }); 
}); 
</script> 

HTML代碼將是這樣的：

<img id="captcha_image" src="jcaptcha.jpg" height="40" width="122"/> 
<img src="images/refresh_image.jpg" class="signup-info_class" 
            alt="reload" width="40" height="40" />