确保在移动到新页面之前在 Jquery 单击功能中获取图像。

发布于 2024-12-28 03:49:23 字数 504 浏览 0 评论 0原文

我正在使用 jQuery 1.2.6 :(

当用户单击 ID=LINKID 并具有锚标记的 Html 元素时，他将被重定向到新页面。我想确保在浏览器移动到不同页面之前获取小图像。

有没有办法在 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; } );

我可以看到正在获取图像，但这会停止与标签相关的功能

原文

I am using jQuery 1.2.6 :(

When a user clicks on Html element with ID=LINKID and having anchor tags, he would be redirected to a new page.
I want to make sure that a small image is fetched before the browser moves to a different page.

Is there any way using callbacks or any other mechanism in 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;
});

If I add a hack like this after the above snippet.

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

I can see the image being fetched but it will this stop the functionality associated with tag

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谁的年少不轻狂 2025-01-04 03:49:23

试试这个

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

Try this

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

回复收藏 0 原文

可爱暴击 2025-01-04 03:49:23

这个适用于所有浏览器。必须在 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;

});

This one works across all browsers. Had to add time stamp to the 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;

});

回复收藏 0 原文

~没有更多了~