0

我正在使用 JQuery 来定位一系列 div 标签，这些标签基本上使用标签内部的一个类，将 div 装饰为条形。所以 div 是一个绿色盒子，基于它对玻璃的 css 规范。

我有一个起始职位列表，

左侧坐标列表-对于我希望放置 DIV 的起点，例如 556、560、600，这些会自动生成为列表中的左侧位置

我有一个 ENDING 职位列表，

左坐标列表-对于我希望定位我的 DIV 的终点，例如 570、590、610，这些会自动生成为列表中的左侧位置

现在对于每个开始和结束位置，我想用适当的宽度绘制条形（绿色框），如下所示。所以说 f 是开始的偏移量或位置，而 ff 是结束的偏移量或位置：

下面仅基于一个开始和结束位置 LEFT 绘制绿色框。

 if (f.left != 0) {

                        $("#test").html($("<div>d</div>")).css({
                            position: 'absolute',
                            left: (f.left) + "px",
                            top: (f.top + 35) + "px",
                            width: (ff.left - f.left) + 25 + "px"
                        }).addClass("option1");

                    }

我希望遍历列表中的位置列表，并根据屏幕上的位置绘制多个绿色框。上面的代码只从最后一个偏移位置绘制了一个绿色框。

4

1 回答 1

0

好的，

所以循环遍历你的 f 数组。

因为 f 和 ff 的长度相同，所以我知道数组 f 的位置 0 与数组 ff 的位置 0 相关。

目前您将一个 div 放在一个名为 test 的元素中，然后将绝对定位应用于“test”元素，然后是一个类。

稍微更改代码而不是使用html我会使用append

append应该留下您可能已经添加到“test”元素的任何代码。

在这一点上，我也倾向于构建整个样式和类属性。

$("#test").append("<div style='position:absolute;left:" + f[i].left + "px;top:" + ...
... + " class='optonal'>d</div>");

我可能有一些语法错误，对不起

于 2010-05-12T14:23:09.147 回答