utilizando valores calculados de JavaScript en menos

Question

En MENOS utilicé el siguiente código para obtener la altura de la ventana.

@winheight:`$(window).height()` 

lo que quiero llegar es un número, pero cuando agrego px allí para tener la unidad,

height: @winheight px; 

se compilará a algo así como height: 910 px.

Traté de tener la unidad después de la evaluación de javascript también. pero obtuve el mismo resultado.

@winheight:`$(window).height()`px 
height: @winheight; 
... 

height:910 px; 

¿Cómo puedo obtener height:910px allí (sin el espacio entre el número y la unidad)?

---

EDIT:

En cuanto a los cuatro primeros resultados, se crea una cadena height:"910px", lo que no representa correctamente.

Answer 1

Sólo tiene que utilizar string interpolation y luego escape de la cadena mediante ~:

@winheight:`$(window).height()`; 

height: ~"@{winheight}px"; 

Answer 2

¿Reemplaza la ayuda de espacio vacío para usted? Trate de leer la respuesta de esta: Replacing spaces with underscores in JavaScript?

Answer 3

probar esto

@winheight:`$(window).height()+"px"` 
height: @winheight; 

porque .height) devoluciones solamente valor de píxel unidad menos (.
alternativamente usa la siguiente

@winheight:`$(window).css("height")` 
    height: @winheight; 

.css ("altura") devuelve un valor con unidades

Answer 4

Qué tal esto:

@winheight:`$(window).height().toString() + "px"` 

Answer 5

Esto podría funcionar dependiendo de lo que MENOS No sé muy bien.

Leyendo los documentos esta es una posibilidad.

@winheight:0px + `$(window).height()` 

Answer 6

da este código y ves lo que obtienes.

@winheight:0px + `$(window).height()' 

Answer 7

Take .css(height) en lugar de .height() - esto devuelve el valor + unidad.