1

我想使用jquery手动编写具有某个div类的一系列元素的css宽度。

我正在尝试询问文档宽度，将其记录为变量，然后将该变量传递给新的 css 'width' 规则......但我的 jquery 技能有点太少了

http://jsfiddle.net/ZEcCw/

有任何想法吗？

4

5 回答 5

2

您当前将宽度设置为字符串文字 "fiftypercent" - 您的意思是变量 fiftypercent. 此外，您的选择器必须是一个字符串。

$('.block').css("width", fiftypercent);​

你所拥有的会导致错误；使用 JavaScript，如果某些东西似乎不起作用，查看错误控制台总是值得的。

于 2012-07-28T14:56:08.700 回答
1

你搞砸了你的报价：

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$(".block").css("width", fiftypercent);

请注意，我在选择器 (.block) 周围添加了引号，并删除了 50% 左右的引号以引用变量。

于 2012-07-28T14:56:38.063 回答
1

尝试这个：

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$(".block").each( function() { $(this).css("width",fiftypercent + "px") });

这将为所有具有“.block”类的元素提供所需的宽度。也许你应该考虑这个：

$(".block").each( function() { $(this).css("width","50%") });
于 2012-07-28T14:57:28.667 回答
0

您在错误的地方使用了引号。如果您想在用户调整窗口大小时更改 div 的大小，可以尝试以下操作：

$(window).resize(function(){
  var doc = $(document).width();
  $(".block").css("width", (doc / 2) );  
}).resize()
于 2012-07-28T15:08:10.527 回答
0

尝试这样做

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$('.block').css("width",fiftypercent)​​​​​​​​​​
于 2012-07-28T14:57:50.493 回答