javascript - 字符串之间的jQuery变量

Question

我想像这样传递以下变量：

var $headerHeight = jQuery("#header").outerHeight() - jQuery("#header .main-menu").outerHeight();

jQuery(this).find('nav').attr('style', 'margin-top:' + $headerHeight + '!important');

它显然是用错误的语法使用的；我只是不知道如何正确使用它。jQuery“.css”函数不是一个选项，因为它必须有“！important”声明。我怎样才能通过$headerHeight上面的例子？

Answer 1

    var headerHeight = $("#header").outerHeight() - $("#header .main-menu").outerHeight();

    jQuery(this).find('nav').attr('style', 'margin-top:' +headerHeight+'px ' + '!important');

Answer 2

您需要为属性值添加一个单位。（大概px）

Answer 3

你正在解决错误的问题。与其取消slideToggle 所做的更改，不如不要使用slideToggle。

$(myelement).animate({
    height: "200px" // or whatever your target height is, calculated or static.
},500/*duration*/);