Question

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

现在我有了这段代码：

<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秒时，就会发生重定向，我无法跟踪重定向。

请一些帮助，所以我只重定向，当图像是loadet？

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");
}

jQuery加载跟踪像素和重定向之后

2 个答案: