javascript - jQuery:在主体上附加计算出的div

Question

我根据窗口的高度和宽度计算盒子的宽度和高度，并将其除以12以获得主体上12个相同大小的盒子。

我创建了这个脚本来在点击时在正文上附加框-

$('body').append('<div class="box"></div>');
        $('.box').css('display','block');

这是我计算此框的宽度的方式-

var width=$(window).width();
var span12= width/12;

还有高度-

 var height=$(window).height();
    var spanheight=height/12;

我想在点击事件上附加所有可能的框。这可能吗？

Fiddle

Answer 1

您需要为 box 定义 css 属性每次创建新的 <div> 时,
因为$('.box').css('display','block');只会对已经加载的内容产生影响。

http://jsfiddle.net/Em23e/8/