LESSCSS:使用 JQuery 检索变量值

Question

我知道

less.modifyVars({'@parameter' : <value from form field>});

我可以即时更改 LESS 变量

的值，但我想执行相反的任务：检索 LESS 变量/参数的当前值。我想到了一种语法，例如：

less.getVarsValues('@parameter');

但我没有发现这样的东西。有没有办法（使用 LESS 方法或 jQuery）来获取当前值？

谢谢

Answer 1

此脚本从您的页面提供服务的同一服务器加载一个 LESS 样式表 （ stylesheets/variables.less ），并在列表 （ <ol id='varlist'></ol> 中打印变量：

$(document).ready(function() {
    var parser = new(less.Parser);
    $.get("stylesheets/variables.less", function( data ) {
        parser.parse(data, function (e, tree) {
            var variables = tree.variables();
            for (i in variables) {
                var name = variables[i].name;
                var value = variables[i].value;
                $("#varlist").append("<li>"+name + ":" + value+"</li>");
            }
        });
    });
});

我不知道variables对象记录在哪里，所以我不知道它是否是官方的。我通过对tree对象的内省（用这个例子进行实验）发现了它。