我正在看使用

less.

js(看起來不錯)，但我們的網站要求在初始頁面加載后，動態加載一些樣式。但是，似乎所有的LESS樣式表都必須在less.js腳本加載之前加載。即這樣做

但是如果行被交換，則它將失敗，除非它們被正確排序，否則Firefox和Chrome都不會嘗試加載“style.less”。訂單要求在this tutorial年明確注明。

初始頁面加載后，是否有任何方式加載樣式表？

請注意，this blog描述了“手表”功能 –

which will auto-refresh the CSS whenever you save your LESS code

所以希望在頁面加載后可以添加一些LESS規則似乎是合理的。感覺就像我錯過了一些東西。

干杯，

科林

更新：用于測試注釋中描述的行為的代碼(腳本后列出的樣式表較少) –

SimpleLorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Bingo

console.log("refreshing styles...");

less.sheets.push(document.getElementById('abc123'));

//var lessStyle = $("").attr("id", "less:static-less-style").attr("type", 'text/less');

//$("head").append(lessStyle);

less.refresh(true);

console.log("refreshed...");

和較少的樣式表

@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;

}

}

總結

以上是生活随笔為你收集整理的html加载less,javascript – 动态加载less.js规则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。