FireFox 和 IE Jquery 不工作

Question

我為驗證碼創建了 PHP GD 圖像，文件名為image.php每次生成動態驗證碼圖像。

---

在signup.php我有

<img alt="" src="image.php"> 
<input type="button" id="btn" value="cant read captcha">
<!--btn is to load another captcha-->

---

腳本.js

$("#btn").click(function(){  
    $("img").attr('src','image.php');
});

適用於 Chrome、Safari 和 Opera，但不適用於 IE 和 Firefox。

我該如何解決這個問題或者是否有其他解決方案？

Answer 1

代碼是否在 dom 加載后運行？ 如果沒有，請嘗試：

$(function(){
  $("#btn").click(function(){ 
    $("img").attr('src','image.php');  
  });
});

你的控制台有錯誤嗎？

Answer 2

嘗試在 url 末尾添加隨機數，這可能是緩存問題，例如

$("#btn").click(function(){  
    $(this).prev("img").attr('src','image.php?rnd='+Math.random());
});

Answer 3

也許嘗試這種添加查詢字符串的方法來防止瀏覽器緩存。

如何重新加載/刷新 jQuery 中的元素（圖像）

Answer 4

試試這個代碼

$(function(){

  $("#btn").live("click",function(){ 

       $("img").attr('src','image.php');  

  });
});

Answer 5

$("image").attr("src","image.php?timestamp=" + new Date().getTime());

---

我認為這是緩存的問題
firefox 並且 ie 不會一次又一次地從源中選擇圖像
但它從緩存中加載
通過更改圖像的名稱，它現在可以在所有瀏覽器中為我工作
謝謝大家