jQuery负载跟踪像素，然后重定向

Question

我有一个跟踪像素，想用jquery加载它。成功加载后，我想重定向到一个url。

现在我有了这个代码：

<script language="javascript" type="text/javascript">   
    document.write("<img src='PIXEL_TRACKING_URL' width="1" height="1" '> ");
    function redirect(){
       window.location.replace(URL);
    }
    setTimeout(redirect, 2500);
</script>

问题是，当跟踪像素嘟嘟作响超过2.5秒时，就会发生重定向，我无法跟踪重定向。

请提供一些帮助，所以我只重定向，当图像加载时？

Answer 1

尝试这种方法：

var image = new Image();
image.src = 'PIXEL_TRACKING_URL';
if (image.addEventListener) {
  image.addEventListener('load', function() {
    window.location.replace(URL);
  });
} else {
  // it's IE!
  image.attachEvent('onload', function() {
    window.location.replace(URL);
  });
}

Answer 2

我用jQuery以以下形式完成了这项工作：

$(document).ready(function() {
   var image = $("IMAGE");
   $("body").append(image);  
    image.load(function() {                 
      setTimeout(redirect, 1000);
    });
});
function redirect(){
   window.location.replace("URL");
}