0

サイトのユーザーに div のライブ プレビューを表示したい。たとえば、ユーザーが自由に変更できる大きな div が 1 つあります。ユーザーに同じページの同じ div の小さなサムネイルを表示したい。

私はこのようなjqueryのクローンメソッドを使用してみました -

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

class bigでdiv のクローンを作成しようとしており、CSS を使用してサムネイルのように見せています。動作しますが、サイトの機能に影響を与えている同じ ID を持つ内部 div を複製します。

Jquery/Javascript で div のプレビューを作成するためのより良い方法があるかどうか知りたいですか?

4

2 に答える 2

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 に答える
1

1 つの解決策は、クローンの ID を変更することです。たとえば、"clone" などに変更します。

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