Убедитесь, что изображение загружено в функцию Jquery click перед переходом на новую страницу.

Question

Я использую JQuery 1.2.6 :(

Когда пользователь нажимает на Html элемент с ID = LinkId и имеющий якоря теги, он будет перенаправлен на новую страницу. Я хочу, чтобы убедиться, что небольшое изображение забирается перед браузер переходит на другую страницу.

есть ли способ, с помощью функции обратного вызова или любой другой механизм в JQuery.

HTML: 
<div id="LINKID"><a href="link location"> </a></div> 


SCRIPT: 
jQuery("#LINKID a").click(function(){ 
var url = "Image location"; 
(new Image()).src = url; 
}); 

Если добавить хак, как это после того, как во фрагменте кода выше.

jQuery("#LINKID a").click(function() { return false; }); 

Я могу видеть изображение является неправдоподобным, но будет ли это остановить функциональные возможности, связанные с тегом

Answer 1

Попробуйте

jQuery("#LINKID a").click(function(){ 
    var url = "Image location"; 

    jQuery('<img />') 
    .appendTo(document.body) 
    .load(function(){ 
     //Once the image is loaded unbind the click even handler and 
     //then let the link follow its url 
     jQuery("#LINKID a").unbind('click')[0].click(); 
    }) 
    .attr('src', url); 
}); 

Answer 2

Это один работает во всех браузерах. Пришлось добавить отметку времени к URL-адресу

jQuery("#LINKID a").click(function() {    

var url = "Image Location"; 
    url += "&_=" + (+new Date()); 

var img = new Image(); 

img.onload = function() { 

      window.location = jQuery(this).attr("href"); 

     }; 

    img.src = url;  

    return false; 

});