jquery - 将 jQuery 变量传递给 CSS

Question

我正在尝试根据页面上存在的 div.columns 的数量动态计算 body 的 min-width , 加上 180px 的内边距。这是我正在使用的代码:

function countColumns() {
    var columns =  $('.column').size(); 
    document.write(columns)
}

$('body').css('min-width', (parseInt(columns) * 120) + 180 + 'px') );

关于为什么它不起作用的任何线索？

Answer 1

这是由于 columns 变量的范围。您需要将其设为全局，或将其分配给函数的结果，后者更可取。试试这个:

function countColumns() {
    return $('.column').size(); 
}

$('body').css('min-width', (parseInt(countColumns()) * 120) + 180 + 'px') );

请注意，parseInt 是多余的，因为 size() 方法将始终返回一个整数。