渲染事件後的LessCSS

我正在開發一個使用LessCSS進行樣式表生成的網站。由於我的同事對ant任務（Ant + Rhino + Less）或NodeJS知之甚少，所以我建立了一個可以在CSS和LessCSS之間交換的系統，通過客戶端庫渲染樣式表。渲染事件後的LessCSS

當我必須合併依賴於計算佈局的外部庫（即Masonry）時，會出現問題，它們不會等待樣式表編譯，因此圖形結果不正確。

我想了解是否存在一個事件，只要少完成編譯Css並顯示它（相當於jQuery的$(document).ready()）就會觸發。有什麼我可以依靠的嗎？感謝您的任何建議。

來源

2013-08-06 Minkiele

在開始製作時，您應該將LESS預編譯爲CSS。同樣，在開發系統上工作時，您可以使用監視器或系統自動編譯文件保存時的LESS。 – m90

是的，我知道，我不想強迫我的同事安裝NodeJS。他們發現[Crunch]（http://crunchapp.net/），所以他們解決了這個問題。 – Minkiele

如果我沒有錯，您可以加載LESS腳本（在其他外部庫之前）並將Async選項設置爲true。類似這樣的：

<script type="text/javascript"> 
    less = {async: true}; 
</script> 
<script src="less.js" type="text/javascript"></script> 
<script src="another.external.library.js" type="text/javascript"></script>

或者，也許，如果LESS有回調函數，那麼可以將外部庫調用放在那裏。

來源

2013-08-06 14:21:35 viarnes

我認爲這是導致此問題的異步選項，因爲在文檔準備好事件後（當我寫這個問題時，我已經使用該選項）編譯的lossoooong的樣式表較少。下星期一我會嘗試沒有異步選項。 – Minkiele

渲染事件後的LessCSS

回答

相關問題