jQuery-包装动态加载的图像 [英] jQuery - Wrapping a dynamically loaded image

问题描述

我正在尝试使用链接标签包装动态加载的图片:

I am trying to wrap a dynamically loaded image with a link tag:

        var img = new Image();
        slideData[slide].imgData = img; 
        $(img).load(function () {
            $(this).css('display','none');
            $(this).wrap("<a></a>");
            slidesLoaded++;
        }).attr({src:mediaURL+slideData[slide].image, alt:slideData[slide].title});

这似乎不起作用?当我这样做时:

This doesn't seem to work? When I do this:

$(slideData[0].imgData).appendTo('body').fadeIn()

没有标签，只有图像.

这可能吗?

推荐答案

这是因为您将<img>元素存储在slideData[slide].imgData中，而不是包装器<a>元素中.试试:

That's because you stored the <img> element in slideData[slide].imgData, not the wrapper <a> element. Try:

$(slideData[0].imgData.parentNode).appendTo('body').fadeIn();

这篇关于jQuery-包装动态加载的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！