LESSCSS:使用JQuery检索变量值

LESSCSS:使用JQuery检索变量值,less,Less,我知道这一点 less.modifyVars({'@parameter' : <value from form field>}); 但我没有发现这样的东西。有没有办法(使用LESS方法或jQuery)获取当前值 谢谢此脚本从提供页面的同一服务器加载较少的样式表(样式表/变量。较少的),并在列表中打印变量(): $(文档).ready(函数(){ var parser=new(less.parser); $.get(“样式表/变量.less”),函数(数据){ parser.pars

我知道这一点

less.modifyVars({'@parameter' : <value from form field>});
但我没有发现这样的东西。有没有办法(使用LESS方法或jQuery)获取当前值


谢谢

此脚本从提供页面的同一服务器加载较少的样式表(
样式表/变量。较少的
),并在列表中打印变量(
):

$(文档).ready(函数(){
var parser=new(less.parser);
$.get(“样式表/变量.less”),函数(数据){
parser.parse(数据,函数(e,树){
var variables=tree.variables();
对于(变量中的i){
变量名=变量[i]。名称;
var value=变量[i]。值;
$(“#varlist”)。追加(“
  • ”+name+”:“+value+”
  • ”); } }); }); });

    我不知道
    变量
    对象记录在哪里,所以我不知道它是否是官方的。我是通过内省
    对象(实验)发现它的。

    mhmmm如果我理解正确的话,通过这个脚本我可以检索我用JS手动设置的值,而不是在服务器上放置的较少文件中定义的缺省较少参数。我错了吗?我贴了一个简单的例子。我将编辑答案并发布一个完整的脚本,在服务器中读取较少的文件。好的,因此它不存在像“LESS.modifyVars”这样的特定方法,但在jQuery中始终是一个“变通方法”?不是真正的变通方法,因为对象确实存在并且是必要的。我不正式的意思是,我没有在文档中找到它。我在上面使用了纯JavaScript,但当然也可以使用JQuery并使其更简单。我用JQuery解决方案替换了纯JavaScript解决方案。
    less.getVarsValues('@parameter');
    
    $(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>");
                }
            });
        });
    });