दिलचस्प पोस्ट
त्रुटि: मुख्य वर्ग को ढूंढ या लोड नहीं किया जा सका एचटीएमएल टैग्स से स्टाइल एट्रिब्यूट निकालें किसी एक कड़ी में WHERE 1 = 1 और <conditions> का उपयोग क्यों करेगा? "स्टैक अतिप्रवाह" कैसे होता है और आप इसे कैसे रोकते हैं? मैं jQuery के उपयोग से एक DropDownList का मान कैसे सेट कर सकता हूं? टाइप स्क्रिप्ट के साथ अंगुलर 2 में एचटीआई डेटा से चैनिंग आरएक्सजेएस ऑब्जेर्वबल्स पांडा में कॉलम के डेटा प्रकार को बदलें सीएसएस पाठ्य-सजावट संपत्ति को बाल तत्व द्वारा अधिलिखित नहीं किया जा सकता जावा में डिफ़ॉल्ट कन्स्ट्रक्टर और उत्तराधिकार आवेदन प्रारंभ करने पर इन्स्तांत करने के लिए मैं एक अनुप्रयोग-स्कॉड बीन को कैसे लागू कर सकता हूं? जावास्क्रिप्ट में ऑब्जेक्ट या क्लास का नाम प्राप्त करें 'एडीबी' को आंतरिक या बाहरी कमांड, ऑपरेटिव प्रोग्राम या बैच फ़ाइल के रूप में मान्यता नहीं दी गई है जावास्क्रिप्ट में क्लास-आधारित ऑब्जेक्ट्स का कोई तरीका नहीं है? विभिन्न कॉलमों के साथ डेटा। फ्रेम को आरबीआई करने के लिए कुशल तरीके से पायथन में संस्करण स्ट्रिंग की तुलना करें

लोड कम। जेएस नियम गतिशील रूप से

मैं कम उपयोग करने के लिए देख रहा हूँ जेएस (महान दिखता है), लेकिन हमारी साइट के लिए प्रारंभिक पेज लोड के बाद कुछ शैलियों गतिशील रूप से लोड की आवश्यकता होती है। ऐसा लगता है, हालांकि, सभी कम स्टाइलशीट को कम जेएस लिपि भार से पहले लोड किया जाना चाहिए। यानी यह काम करता है

<link rel="stylesheet/less" href="/static/less/style.less"/> <script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script> 

लेकिन यह विफल हो जाता है यदि रेखाएं चारों ओर चलाई जाती हैं, न तो फ़ायरफ़ॉक्स और क्रोम लोडिंग 'स्टाइलअलेस' लोड करने का प्रयास करते हैं, जब तक कि उन्हें सही ढंग से ऑर्डर नहीं दिया जाता। इस ट्यूटोरियल में क्रम की आवश्यकता स्पष्ट रूप से नोट की गई है।

प्रारंभिक पृष्ठ लोड के बाद कम स्टाइलशीट लोड करने का कोई तरीका क्या है?

ध्यान दें कि यह ब्लॉग एक 'घड़ी' सुविधा का वर्णन करता है –

जो आपके सीएसएस को स्वत: रिफ्रेश करेगा जब भी आप अपना कम कोड सहेजेंगे

इसलिए यह अपेक्षा योग्य लगता है कि मैं पेज लोड के बाद कुछ कम नियम जोड़ सकता हूं। लगता है जैसे मुझे कुछ याद आ रहा है

चीयर्स,

कॉलिन

अद्यतन करें: टिप्पणी में वर्णित व्यवहार का परीक्षण करने के लिए कोड (स्क्रिप्ट के बाद सूचीबद्ध कम शैली पत्रक) –

 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="/static/js/less-1.0.31.min.js"></script> <link rel="stylesheet/less" href="/static/less/style.less" id="abc123"/> </head> <body> <div id="container"> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> </div> <div id="#abc">Bingo</div> </body> <script> console.log("refreshing styles..."); less.sheets.push(document.getElementById('abc123')); //var lessStyle = $("<style>#abc { color: blue; }</style>").attr("id", "less:static-less-style").attr("type", 'text/less'); //$("head").append(lessStyle); less.refresh(true); console.log("refreshed..."); </script> </html> 

और कम स्टाइलशीट

 @primary_color: green; .rounded(@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } #container { background: @primary_color; .rounded(5px); div { color: red; } } 

वेब के समाधान से एकत्रित समाधान "लोड कम। जेएस नियम गतिशील रूप से"

मैंने less.refreshStyles() को धक्का दिया – इसकी एक विधि है: कम। less.refreshStyles() जो type="text/less" <style> टैग को फिर से संकलित करे – इसे आज़माएं और मुझे बताएं कि यह काम क्यों करता है

यह प्रश्न पूछने के लिए धन्यवाद – यह मुझे बहुत मदद की मैं बस विषय को अद्यतन करने के लिए दिखा रहा हूँ कि मैंने गतिशील रूप से एक सीएसएस फ़ाइल जोड़ने के लिए कैसे किया।

मैं कम के अंतिम संस्करण (1.3.3) का उपयोग किया था

 var stylesheetFile = 'file.css'; var link = document.createElement('link'); link.rel = "stylesheet"; link.type = "text/less"; link.href = stylesheetFile; less.sheets.push(link); less.refresh(); 

आप इस हल्के (3k) लाइब्रेरी को आलसी लोड कम / सीएसएस और जेएस फाइल्स (अस्वीकरण: मैं लेखक) के लिए उपयोग कर सकते हैं।

यह उतना सरल है:

 lazy.load('/static/less/style.less'); 

यह एक कॉलबैक भी प्राप्त कर सकता है, निर्भरता के साथ कुछ और परिसंपत्तियों को लोड कर सकता है और कैश के बारे में ध्यान रख सकता है।