0

我希望我网站上的用户看到 div 的实时预览。例如，有一个大 div，用户可以自由地进行任何更改。我希望用户在同一页面上看到同一 div 的小缩略图。

我尝试像这样使用jquery的克隆方法-

$('.big').clone(true).addClass('small').appendTo("#show");

我正在尝试用大类克隆 div并使用 CSS 我让它看起来像缩略图。虽然它有效，但它复制了具有相同 id 的内部 div，这影响了我网站的功能。

我想知道在 Jquery/Javascript 中是否有更好的方法来创建 div 的预览？

4

2 回答 2

1

一种解决方案是更改克隆的 id，例如“克隆”或任何合适的。

$('.big').clone(true).attr('id', 'clone').addClass('small').appendTo("#show");
于 2013-07-24T16:55:31.497 回答
1

我找到了解决方案

我们使用 css 转换对 div 进行转换。

var fScaleAmount = 0.5;

   DivObj.css({
    "-moz-transform": "scale(" + fScaleAmount + ")",
    "-moz-transform-origin": "0% 0%",
    "-webkit-transform": "scale(" + fScaleAmount + ")",
    "-webkit-transform-origin": "0% 0%",
    "-ms-transform": "scale(" + fScaleAmount + ")",
    "-ms-transform-origin": "0% 0%",

   });
于 2014-06-17T12:57:43.263 回答