12

「edit-div」内の「src-div」コンテンツを閲覧・編集できるサイトを作成しています。CSSズームプロパティを使用してサムネイル化されているため、src-divを直接編集していません。

ノックアウト js を使用して、両方の要素をオブザーバブルにバインドすることを検討しました。現在、私は jquery .html() 関数を使用して機能を実装しています。「select」で edit-div innerhtml を src-div innerhtml に設定し、edit-div に変更が加えられた後にプロセスを逆にして src-div を更新します。

ここで本当に 2 つの div が必要なのか、それともページで同じ要素を実際に 2 回表示する方法があり、加えられた変更は両方の「ビュー」に自動的に反映され、innerhtml プロパティをコピーして戻す必要がなくなるのではないかと考えています。 2 つの要素の間を進みます。

基本的に、これは反転のないミラー効果のようなものです。

これまでに見つけた最も近いものは次のとおりです。

http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Reflections/Reflections.html

このタスクを実行するための推奨される方法を歓迎します。

4

2 に答える 2

6

(ほぼ)ページに表示されるすべてのものには、DOMに対応するものがあります。DOM内のすべては、(疑似クラスを除いて)一度に正確にレンダリングされます。また、DOM内のすべてのノードは、親を1つだけ持つことができます(除外なし)。

残念ながら、現在のCSSドキュメントにはコピーと変換のメカニズムがないため、特定のノードのクローンを作成し、両方に変更を追加する必要があります。

于 2012-08-03T20:09:23.583 に答える
3

jquery を使用している場合は、1 つの div を使用してそれを「複製」できます。詳細については、これを読むことができます。 http://api.jquery.com/clone/

div のクラスを同じものに設定すると、両方に変更を反映させることができます。次に、2 番目の div に .addClass を適用して、「反映された」効果を適用できます (それが最終的な目標である場合)。

于 2012-08-03T20:22:38.623 に答える