jQuery - 带变量的Calc高度

Question

有没有办法在jQuery中使用calc？我正在尝试类似下面的东西,但似乎没有效果.有谁知道这样做的正确方法吗？

var h = $('.mydiv').height();

$('.shopping-cart-table-container').css({ height: 'calc(100% - ' h')'});

Answer 1

是的,你有一点语法错误.

$('.shopping-cart-table-container').css( { height: 'calc(100% - ' + h + 'px)' } );

您还可以使用反引号使用新的模板字符串格式:

$('.shopping-cart-table-container').css( { height: `calc(100% - ${h}px)` } );

// update:请记住,jQuerys height函数返回没有单位的像素,所以你需要在css语句中添加它.