jQuery加載跟蹤像素，然後重定向

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> 

的問題是，當跟蹤像素tooks更多然後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"); 
}