简单的 JQuery 数学语法 - 如何减法？

Question

你好，精彩的社区，

我正在尝试用 JQuery 做一些非常简单的数学，但我找不到带有数学语法的作弊（这与我想做的事情相关）。我知道如何进行添加和添加乘法但减法却让我困惑！

我需要做的是将样式分配给“#photo”，其值为（视口总宽度 - (241px + (height*0.32)))。这段代码成功地获取了视口的总宽度并将其指定为 #photo 的宽度：

$(document).ready(function(){
    var width = $(window).width(); 
    $('#photo').css('width', width);
});

但是我通过 ('width', (width- (value + value))) 尝试过的任何方法都不起作用 - 有人可以吗让我知道减法和嵌套方程的语法是什么？

或者，不是再次计算 (height*0.32)，而是如何将 (height*0.32) 的输出分配给 var，以便我可以重新使用它，使宽度计算类似于 ('width', (width- ( 281px - varname）））？

这是整个函数，包括（高度*0.32）计算：

$(document).ready(function(){
    var height = $(window).height();
    var width = $(window).width(); 
    $('#menu').css('height', height);
    $('#menu').css('width', (height*0.29));
    $('#menu').css('position','fixed');
    $('#menu').removeClass('nojavascript');
    $('#novel').css('padding-left', (height*0.32));
    $('#novel').removeClass('nojavascript');
    $('#photo').css('width', width);
});

呃，关于如何整理我的代码的进一步提示也很感激。只要看看它，我就可以猜测出一些很可能是不必要的重复的东西！

根据要求编辑： 这是减法问题，我现在正在处理这个问题：

  $('img').css('width', (width - (281+(height*0.32))) + 'px');

现在我正在努力解决的问题是如何计算 img 的高度，以便它保留 4:3 的照片比例！不过现在已经凌晨四点了，所以要等到早上。

Answer 1

对于格式化，有一些事情。 jQuery 可以获取 CSS 对象，因此一次性将所有内容传递进去。其次，只有当键不是有效的 javascript 标识符时（请参阅“padding-left”），才需要在其周围加上引号。第三，jQuery 对象链，因此您可以在 css() 调用之后内联 removeclass() 调用。最后，缩进确实是你的朋友。

最后，height 和 width 函数返回裸整数，但 css() 函数要求您包含单位。最基本的单位（由 height 和 width 返回的单位）是像素：

$(document).ready(function() {
    var height = $(window).height(), width = $(window).width();
    $('#menu').css({height: height + 'px', width: (height * 0.29) + 'px', position: 'fixed'})
        .removeClass('nojavascript');
    $('#novel').css({'padding-left': (height * 0.32) + 'px'})
        .removeClass('nojavascript');
    $('#photo').css({width: width + 'px'});
 });