获取并插入 <ul> 用jQuery

Question

我正在入侵Lightbox javascript图像插件，以在页面上显示图库的缩略图。 该页面包含一系列<img>和一类“ gallery-image”。 我正在收集它们，并将它们放入名为“ lb-thumbs”的灯箱叠加中的div中。 因此，我已将此代码放入灯箱功能之一：

var $thumbs = ($(".gallery-image").get());
$lightbox.find('.lb-thumbs').append($thumbs);

它可以工作，但是一旦打开灯箱，原始图像（在灯箱叠加层之后）就会消失，因此当我关闭灯箱时，页面的原始html画廊就消失了。 由于浏览器检查器工具，我知道灯箱打开时会发生这种情况。 因此，我的代码中肯定有某些内容使<img>项目消失了。 可能是jQuery get()或append()吗？ 我看不到这是怎么回事。 你是否可以？

谢谢！ 马特

Answer 1

我认为append（）实际上是造成您的问题的原因。 进行附加操作时，您无需创建新对象，只需将旧图像从DOM中拉出并将其重新插入灯箱即可。

您始终可以在插入之前克隆对象。

演示

$lightbox.find('.lb-thumbs').append($thumbs.clone());

Answer 2

似乎.get()方法返回对原始数组的引用。 .get()还是多余的。 尝试这个：

var $thumbs = $(".gallery-image");
$lightbox.find('.lb-thumbs').append($thumbs);

您可以在分配数组之前交替克隆该数组：

var $thumbs = ($(".gallery-image").clone().get());
$lightbox.find('.lb-thumbs').append($thumbs);