दिलचस्प पोस्ट
एक सामान्य पेड़ कार्यान्वयन? स्ट्रिंग से पहले 5 अक्षर कैसे प्राप्त करें PHP में दिए गए कुंजी के मान द्वारा एसोसिएटिव एरे की एक सरणी कैसे सॉर्ट करनी है? लिआ में वर्तमान क्षेत्र के लिए सभी स्थानीय चर तक पहुंचें XSLT XML स्रोत के साथ जिसमें xmlns पर सेट एक डिफ़ॉल्ट नेमस्पेस है यूट्यूब iframe wmode मुद्दा क्यों mime_content_type () PHP में पदावनत है? डॉट ("।") ऑपरेटर और तीर ("->") ऑपरेटर सी बनाम उद्देश्य-सी में उपयोग करते हैं दिन के अंत में, एचटीएमएल पर एक्सएचटीएमएल क्यों चुनें? क्या अभी भी c ++ 0x में nullptr को हटाना सुरक्षित है? असिंक्रोनस बनाम मल्टीथ्रेडिंग – क्या कोई अंतर है? स्विफ्ट: एक को विभाजित करने का सही तरीका क्या है, जिसके परिणामस्वरूप एक ] एक दिए गए सबरेरे आकार के साथ? अंडर-नास्टीक स्कीइसिंग ऑफ एनड्रयर्स पर पायथन के साथ पायथन उपप्रोसेस कमांड मैं उपनाम कार्य क्यों टाइप कर सकता हूं और बिना कास्टिंग के उपयोग कर सकता हूं?

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

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

<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'); 

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