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对象（试验this example）发现了它。

LESSCSS：使用JQuery检索变量值

1 个答案: