Maison > interface Web > tutoriel CSS > Comment puis-je charger dynamiquement les règles Less.js après le chargement initial de la page ?

Comment puis-je charger dynamiquement les règles Less.js après le chargement initial de la page ?

Patricia Arquette
Libérer: 2024-10-24 19:41:02
original
815 Les gens l'ont consulté

How can I dynamically load Less.js rules after the initial page load?

Chargement dynamique des règles Less.js

L'intégration de Less.js dans un site Web peut améliorer ses capacités de style. Cependant, une limitation rencontrée est la nécessité de charger toutes les feuilles de style LESS avant le script Less.js. Cela peut poser un défi lorsque certains styles doivent être chargés dynamiquement après le chargement initial de la page.

Limites actuelles

Actuellement, Less.js dicte que l'ordre de chargement des fichiers externes les feuilles de style et le script jouent un rôle crucial. L'inversion de l'ordre, comme indiqué ci-dessous, ne parvient pas à charger le fichier style.less dans Firefox et Chrome :

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

Solution dans Less.js v1.0.31

Pour remédier à cette limitation, la version 1.0.31 de Less.js a introduit une méthode appelée less.refreshStyles(). Cette méthode permet la recompilation des fichiers