javascript - 修改 LESS 变量不适用于包含 LESS 代码的页内 <style> 标记

Question

使用最新版本的 LESS (1.5.1)，当我尝试修改 <style> 中定义的 LESS 变量时通过调用 less.modifyVars() 在 JS 中标记，变量不会更新。

例子:

<style type="text/less">
@bgColor: red;
#box {
width: 100px;
height: 100px;
border: 1px solid black;
    background-color: @bgColor;
}
</style>

<div id="box"></div>

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="less-1.5.1.min.js"></script>

<script type="text/javascript">
$(function(){
    $("#box").hover(
        function(){
            less.modifyVars({'@bgColor': 'blue'});
        },
        function(){
            less.modifyVars({'@bgColor': 'red'});
        }
    );
});
</script>

如果<style>中的代码标记被放入外部 LESS 样式表并通过 <link> 引用标记，然后 LESS 变量将得到更新。

有什么想法吗？这是 LESS 的错误吗？

谢谢。

Answer 1

一个错误

Here is the current thread that reports it .它被认为是固定的，但两个月前为 LESS 1.5 重新打开，因为它实际上并没有更新 <style> 中的变量。元素。