Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 较少在客户端设置变量_Javascript_Css_Less - Fatal编程技术网

Javascript 较少在客户端设置变量

Javascript 较少在客户端设置变量,javascript,css,less,Javascript,Css,Less,我已经创建了一个简单css网格解决方案的LESS()版本。现在,我可以很高兴地使用LESS(lessc)的服务器脚本来滚动我自己的网格大小。这对我很有用 出于演示目的,我想创建一个HTML页面,在这里我可以将css网格的大小放在一个文本框中,网格将动态变化。演示的开始是: 因此,我不想在部分中更改@layoutwidth:720px;,而是想将这些变量传递给LESS解释器 客户端使用less是否可以实现这些功能?我是否可以定义全局变量或以某种方式将它们作为参数传递给less.js 我知道我可以

我已经创建了一个简单css网格解决方案的LESS()版本。现在,我可以很高兴地使用LESS(lessc)的服务器脚本来滚动我自己的网格大小。这对我很有用

出于演示目的,我想创建一个HTML页面,在这里我可以将css网格的大小放在一个文本框中,网格将动态变化。演示的开始是:

因此,我不想在
部分中更改
@layoutwidth:720px;
,而是想将这些变量传递给LESS解释器

客户端使用less是否可以实现这些功能?我是否可以定义全局变量或以某种方式将它们作为参数传递给less.js


我知道我可以在不使用LESS的情况下实现这一点(最好使用jQuery o.sth.)-但我想既然它已经存在了…

我不知道解析器是否接受任何参数,但为什么您会拒绝使用内置javascript求值,例如添加以下内容:

@layoutwidth: `document.getElementById("inputLayoutWidth") + "px"`;
或者,使用jQuery,按照您的建议:

@layoutwidth: `$("#inputLayoutWidth").val() + "px"`;
使用输入字段时,如

<input type="text" id="inputLayoutWidth" value="720" />


并在每次更改输入字段时调用解析。

如果您使用的CSS版本少于您在javascript代码中可以设置的CSS版本

 less.modifyVars({
   '@buttonFace': '#5B83AD',
   '@buttonText': '#D9EEF2'
});

我不知道旧版本的less中是否也存在此方法。

谢谢您的回答-我不拒绝…我实际上使用了内置JS评估。我面临的问题是-忽略的值…请参阅:。100px值似乎总是由“”转义。Firebug显示:。框:在{content:“100px”}之后-但是.box元素的宽度总是被忽略或对浏览器无效。很抱歉延迟重播,我一直很忙。我忘记了直接输出值的“~”,现在它是固定的,并且完全采用输入框中指定的宽度。请参阅,但是,我不知道如何强制重新解析脚本较少的客户端(无需重新加载整个页面)。