मेरे पास एक पृष्ठ है जिसकी मुख्य स्टाइलशीट सीएसएस फ़ोल्डर में संग्रहीत है। एक ही पृष्ठ के अंदर मेरे पास एकाधिक आईफ्रेम हैं (एक और फ़ोल्डर में एक ही डोमेन में होस्ट किया गया है) कि मैं चाहता हूं कि वे उसी सीएसएस का उपयोग अपने माता-पिता के रूप में करें। कृपया सलाह दें, मैं सामान्य रूप से जेएस के लिए बहुत नया हूं।

मैंने निम्नलिखित कोड की कोशिश की है और सब कुछ सही काम करता है, एकमात्र समस्या यह है कि मेरे पास अभी के लिए 15 आईफ्रेम हैं और निश्चित रूप से उनमें से प्रत्येक के लिए यह कोड 15 गुना जोड़ देगा। मैं कोड के अंदर आईडी का उपयोग नहीं कर सकता अन्यथा मुझे उनमें से प्रत्येक के लिए स्क्रिप्ट सेट अप करने की आवश्यकता होगी।

  <script type="text/javascript">
    $("iframe").on("load", function() {
      let head = $("iframe").contents().find("head");
      let css = '<link rel="stylesheet" href="../css/stylesheet.css">';
      $(head).append(css);
    });
  </script>
0
LuBu 23 अक्टूबर 2019, 18:06

1 उत्तर

सबसे बढ़िया उत्तर

आप हमेशा पहले आईफ्रेम का जिक्र कर रहे हैं। प्रत्येक आईफ्रेम को इस तरह संदर्भित करने के लिए कोड बदलें:

<script type="text/javascript">
    $("iframe").on("load", function() {
      let head = $(this).contents().find("head");
      let css = '<link rel="stylesheet" href="../css/stylesheet.css">';
      head.append(css);
    });
  </script>
0
Nawed Khan 23 अक्टूबर 2019, 15:12