का उपयोग कर HTML तत्वों को मिरर करना, मैं पृष्ठ पर कई स्थानों पर "समान" HTML तत्व प्रस्तुत करना चाहता हूं। यह तत्व स्क्रिप्ट/एनिमेटेड है और विभिन्न प्रस्तुतिकरणों को सिंक में रहने की आवश्यकता है।संभावित रूप से छाया DOM
समाधान मैं पर विचार किया है में शामिल हैं: कई स्थानों में तत्व की
- रखें प्रतियां और उन सभी को अपडेट करें। यही वह है जिसे मैं टालने की कोशिश कर रहा हूं।
- एकाधिक स्थानों में तत्व की प्रतियां रखें। प्रतियों में से एक को अपडेट करें, और उन परिवर्तनों को कैप्चर करने के लिए उत्परिवर्तन घटनाओं का उपयोग करें और उन्हें अन्य प्रतियों के विरुद्ध दोबारा दोहराएं। बहुत सारे काम की तरह लगता है।
- छाया डोम का उपयोग करें। मुझे इस विकल्प के लिए बहुत उम्मीद थी, जो शुरू में "सम्मिलन बिंदु" का उपयोग करके संभवतः प्रतीत होता है, जो यहां पर एक डोम सबट्री को लगभग एक डोम उपट्री में रखा जा सकता है।
मैंने इस अंतिम विकल्प का परीक्षण नहीं किया है, जो available in Chrome 25 है। W3C spec का कहना है:
ही एक मामला है कि विशेष विचार हकदार स्थिति एक सम्मिलन बिंदु एक और छाया मेजबान का एक बच्चा नोड ... का असर एक नोड की जा रही एक से अधिक सम्मिलन बिंदु में वितरित होता है जब है को पुन: प्रक्षेपण कहा जाता है।
लेकिन फिर ...
पुनः प्रक्षेपण के दौरान एक से अधिक सम्मिलन बिंदु को वितरित किया जाने के बावजूद इस एक नोड अभी भी केवल एक बार, क्योंकि की कमी है जिसके तहत प्रक्षेपण होने के प्रदान की गई है : चूंकि सम्मिलन अंक केवल शैडो होस्ट के बच्चे हैं, जब वे कभी भी प्रस्तुत नहीं किए जाते हैं, तो केवल उन्मूलन के अधीन होते हैं। इसके बजाय छाया पेड़ उनके स्थान पर प्रदान किया गया है।
क्या ऐसा लगता है कि छाया डोम जो मैं चाहता हूं वह करने की संभावना है और परीक्षण के लायक है, या क्या कोई अन्य अनुशंसित दृष्टिकोण है?
तो यदि छाया डोम की सामग्री बदलती है, तो इसे फिर से प्रस्तुत नहीं किया जाता है? – Michael
यदि छाया डोम की सामग्री इसे प्रस्तुत करती है। लेकिन छाया डोम समेत डोम के प्रतिपादन में, एक तत्व केवल एक उदाहरण में प्रस्तुत किया जाता है; सामग्री के कई एक साथ प्रस्तुतिकरण नहीं हैं। –