javascript - 在 JQuery 中克隆 li 元素

Question

我正在使用 EasySlider，但与我发现的该插件的任何示例不同，我在任意时间显示多个元素，并且宽度为 100%。这些单独的图像组成了一个完整的、长的连续图像，该图像经过 Photoshop 处理，因此即使第一张和最后一张之间的边界看起来也很自然。它被配置为自动连续幻灯片。

插件中有这样的代码:

if(options.continuous){
    $("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
    $("ul", obj).append($("ul li:nth-child(2)", obj).clone());
    $("ul", obj).css('width',(s+1)*w);
};              

我的问题是，只有第一个元素在最后一个元素之后被克隆，因此在第二次旋转此 slider 时，仅显示第一个元素，直到它到达最左侧，然后其他图像显示为“弹出” (类似:[ EXAMPLE ]，如果您想象并且直到 Playground 到达最左侧时， Playground 右侧的所有图像都不会出现)。

有没有更好的方法来管理元素的克隆，以便克隆所有图像？或者也许有人可以想出更好的方法？我是 JQuery 新手

注意:我正在尝试创建一个操作，当元素离开左侧屏幕时，它会被放回右侧。有没有办法最终实现这一目标？

Answer 1

我认为您可能需要考虑使用不同的插件。 如果您更改插件，更新将需要重新应用补丁。

我推荐 http://www.gmarwaha.com/jquery/jcarousellite/ 或者 http://sorgalla.com/jcarousel/

这些都支持你所说的内容。