Question

我试图制作多个divs，所有相同的size和top位置。每个新div必须由最后一个的width和position抵消。请注意：我对此非常陌生！

这就是我想要做什么的想法：

<style>

div {
    height:98%;
    width:1.4%;
    background: red;
}

</style>

<script> 
$(document).ready(function () {
    for (var i = 0; i < 60; i++) {
        var x = 0.6%;
        var y = x + 1.4%;
        $("div").position({
            left: y;
        });
    }
};
</script> 

<div></div>

所以，让我们说第一个矩形的位置是2％，下一个是3.4％，然后是4.8％...

Answer 1

我只是假设你的问题是＆＃34;为什么它不运行？＆＃34;：

for (var i=0; i=60; i++)的语法错误。我相信您打算将i < 60写为循环条件。
在)声明之后，括号括号过多：for。
您没有创建多个divs，而只是移动代码中唯一存在的一个。
您的x并未增加。因此，y将永远包含2.0%。
你确实意识到，当它最终起作用时，你只会有一个红色divs并排的屏幕，它看起来像一个巨大的红色{{1 ，对吧？
请告诉我你以某种方式包含jQuery（例如在JSFiddle上运行它）。

我建议您先花更多时间学习JavaScript的正确语法。首先用div挑战自己，也许吧？创建新的arrays非常有趣！然后，学习如何操纵DOM。

使用“for”循环放置div

1 个答案: