Javascript jQuery-设置计算的div宽度
我试着在我的页面上把帖子设置为一个div,id=content,就像在G+上一样Javascript jQuery-设置计算的div宽度,javascript,jquery,Javascript,Jquery,我试着在我的页面上把帖子设置为一个div,id=content,就像在G+上一样 #content { margin-top: 120px; margin-bottom: 70px; margin-left: auto ; margin-right: auto ; height: auto; } .card { height: 250px; width: 500px; margin: 10px; float: left;
#content {
margin-top: 120px;
margin-bottom: 70px;
margin-left: auto ;
margin-right: auto ;
height: auto;
}
.card {
height: 250px;
width: 500px;
margin: 10px;
float: left;
}
我想计算一下我能在屏幕上放多少卡。
所以我试了一下:
$(document).ready(function () {
"use strict";
var cardAmount = (Math.floor($(window).width/520))*520;
$("#content").css("width", cardAmount);
});
但问题是,我认为.css的第二个参数必须是字符串,而不是字符串 问题很可能是您需要向该数字添加一个单位,以便CSS引擎知道如何处理它 另外,您的代码还有另一个问题——您没有在此处调用width函数:$window.width。请记住,width是jQueryAPI中的一个函数,而不是可以这样简单获得的DOMAPI参数。因此,整个修复非常简单:
var cardAmount = Math.floor($(window).width() / 520);
$("#content").css("width", cardAmount + "px");
这里-看看它在中是如何工作的,我猜你在css中缺少px或%的语法
$("#content").css("width", cardAmount+"%");#or
$("#content").css("width", cardAmount+"px");#or
$("#content").css("width", cardAmount+"em");
你忘记了.width之后的括号。把它改成。宽度:它工作得很好!非常感谢。这个用于计算宽度的脚本是错误的,它只是计算了屏幕上可以显示多少卡片,而不是根据内容的宽度计算了多少卡片,但我在问题中对它进行了更新。