首頁 > web前端 > css教學 > 如何在頁面載入後動態載入較少的樣式表?

如何在頁面載入後動態載入較少的樣式表?

DDD
發布: 2024-10-25 06:01:29
原創
331 人瀏覽過

How to Load LESS Stylesheets Dynamically After Page Load?

動態 LESS 樣式表載入

您希望使用 LESS.js,但需要在初始頁面載入後動態載入特定樣式。儘管 LESS 約定規定在 less.js 腳本之前載入所有樣式表,但您需要尋找方法來規避此要求。

為了促進動態樣式表加載,LESS.js 版本 1.0.31 引入了一個解決方案。 less.refreshStyles() 函數可以重新編譯

  1. 包含更新的 LESS.js 腳本(1.0.31 或更高版本)。
  2. 動態建立新的
  3. 利用 less.sheets.push() 將新樣式表註冊到 LESS。
  4. 呼叫 less.refreshStyles() 重新編譯並合併動態樣式表。

以上是如何在頁面載入後動態載入較少的樣式表?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板