Question

我想用jquery从现有的html中显示/复制缩略图。

HTML

<div class="iosSliderButtons hidden-print hidden-xs">
    <div class="slider">
        <div class="button first selected" id="item0" 
        style="cursor: pointer; background-image: url("//media.dustin.eu/image/152748/60/50/bo-beoplay-s3-svart-2-pack.jpg"); background-repeat: no-repeat;"></div>
    </div>
</div>

的jQuery

$("body").prepend('<div class="productImage"></div>');
$("#item0").clone().appendTo(".productImage");
//Also added all classes
$(".productImage").addClass(".button .first .selected .slider .iosSliderButtons .hidden-print .hidden-xs .iosSlider");

但缩略图不会显示？即使我可以看到正在打印的HTML，并且可以在Chrome检查工具中看到它？

的Henrik

Answer 1

您的代码中似乎遇到"问题。

检查此工作版本： https://jsfiddle.net/maxim_mazurok/g6wka59o/2/

＆＃13;

$("body").prepend('<div class="productImage"></div>');
$("#item0").clone().attr('id', ('item' + (parseInt('item0'.substr(4)) + 1))).appendTo(".productImage");
//Also added all classes
$(".productImage").addClass(".button .first .selected .slider .iosSliderButtons .hidden-print .hidden-xs .iosSlider");

＆＃13;

<div class="iosSliderButtons hidden-print hidden-xs">
    <div class="slider">
        <div class="button first selected" id="item0" 
        style='cursor: pointer; background-image: url("//media.dustin.eu/image/152748/60/50/bo-beoplay-s3-svart-2-pack.jpg"); background-repeat: no-repeat; width:100px; height:100px'></div>
    </div>
</div>

＆＃13;

使用jquery复制图像

1 个答案: