javascript - 渲染事件后的 LessCSS

Question

我正在开发一个使用 LessCSS 生成样式表的网站。由于我的同事对 Ant 任务(Ant + Rhino + Less)或 NodeJS 知之甚少，我建立了一个可以在 CSS 和 LessCSS 之间切换的系统，通过客户端库呈现样式表。

当我不得不合并依赖于计算布局的外部库(即 Masonry )时，问题就来了，它们不等待样式表被编译，因此图形结果不正确。

我试图了解是否存在一个事件，该事件会在 Less 完成编译 Css 并显示它时触发(相当于 jQuery 的 $(document).ready())。有什么可以依靠的吗？感谢您的任何建议。

Answer 1

如果我没记错的话，您可以加载 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 有回调函数，您可以将外部库调用放在那里。