0

私はJQueryを使用して、divをバーとして装飾するタグ内のクラスを基本的に使用する一連のdivタグを配置しています。したがって、divは、ガラスに対するcss仕様に基づく緑色のボックスです。

開始位置のリストがあります、

左座標のリスト-開始点として、DIVを556、560、600と言います。これらは、リスト内の左位置として自動的に生成されます。

終了位置のリストがあります、

左座標のリスト-DIVを配置したい終点については、570、590、610と言います。これらは、リスト内の左位置として自動的に生成されます。

ここで、開始位置と終了位置ごとに、次のように適切な幅でバー（緑色のボックス）を描画します。つまり、fは開始のオフセットまたは位置であり、ffは終了のオフセットまたは位置です。

以下は、左の1つの開始位置と終了位置のみに基づいた緑色のボックスを示しています。

 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");

                    }

リスト内の位置のリストをループして、画面上の位置に基づいて複数の緑色のボックスを描画しようとしています。上記のコードは、最後のオフセット位置から1つの緑色のボックスを描画します。

4

1 に答える 1

0

Ok、

したがって、fの配列をループします。

fとffは同じ長さなので、配列fの位置0は配列ffの位置0に関連していることがわかります。

現在、testという要素内にdivを配置し、「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 に答える