是否可以通过某种方式更改 LESSCSS 变量,例如
@basecolor: #F90;
就是后面这样用的:
.myclass {
color: darken(@basecolor, 10%);
}
使用基于用户输入的 jQuery,如下所示:
$("#mybutton").click(function() {
var color = $("#inputfield").val();
//Some magic to change the LESS basecolor
});
我正在使用 less.js 即时编译 .less 文件。
提前致谢。
最佳答案
与其在 less 文件中动态改变值——这在客户端(又名 JavScript)是不可能的,不如尝试在 less 中创建多个变体(类似于主题),然后将自定义类应用于元素(body works好吧)。
例如,
[style.less]
@green: #00EE00;
@blue: #0000EE;
body {
&.green { background:@green }
&.blue { background:@blue }
}
[main.js]
$('#id').on('click', 'a.blue', function() {
$('body').removeClass('green').addClass('blue')
}
关于javascript - 使用 jQuery 更改 LESSCSS 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13678800/