कम स्टाइलशीट की डायनामिक लोडिंग

आपने प्रारंभिक पृष्ठ के बाद कुछ शैलियों की डायनामिक लोडिंग की आवश्यकता होने पर LESS.js का उपयोग करने में रुचि व्यक्त की है भार। हालाँकि, LESS.js के मौजूदा व्यवहार के अनुसार सभी LESS स्टाइलशीट को LESS.js स्क्रिप्ट से पहले लोड किया जाना चाहिए, जैसा कि नीचे दिए गए कार्यात्मक उदाहरण द्वारा दर्शाया गया है:

विफलता तब होती है जब यह ऑर्डर उलटा होता है, न तो फ़ायरफ़ॉक्स और न ही Chrome स्टाइलशीट को लोड करने का प्रयास करता है जब तक कि वह स्क्रिप्ट से पहले न हो। यह आदेश देने की आवश्यकता LESS.js की पार्सिंग प्रक्रिया की प्रकृति के कारण लागू की गई है। LESS.js का .31less.refreshStyles() विधि प्रस्तुत करता है। यह विधि type='text/less' के साथ

इस सुविधा को लागू करने के लिए, किसी भी गतिशील LESS स्टाइलशीट को लोड करने के बाद बस निम्नलिखित पंक्ति को शामिल करें:less। refreshStyles();

less.refreshStyles();

कंसोल.लॉग('ताज़ा शैलियाँ...'); less.Sheets.push(document.getElementById('abc123')); कम.ताज़ाशैलियाँ(); कंसोल.लॉग('ताज़ा किया गया...'); यह संशोधन LESS.js को डायनामिक स्टाइलशीट को फिर से संकलित करने का निर्देश देगा, जिससे यह पृष्ठ को फिर से लोड किए बिना प्रभावी हो सकेगा।