وضع سلسلة مزخرفة من علامات DIV على الشاشة باستخدام الإزاحة ، DOM jQuery ذات الصلة

Question

أنا أستخدم jQuery لوضع سلسلة من علامات Div التي تستخدم بشكل أساسي فئة داخل العلامة التي تزين DIVs كبارات. وبالتالي فإن DIV عبارة عن صندوق أخضر يعتمد على مواصفات CSS الخاصة به على الزجاج.

لدي قائمة ببشرات البدء ،

قائمة بالمنسقات اليسرى- لنقاط البداية التي أرغب في وضعها في Say 556 ، 560 ، 600 يتم إنشاءها تلقائيًا كمواقع يسارية في قائمة

لدي قائمة ببشرات نهاية ،

قائمة بالمنسقات اليسرى- لنقاط النهاية التي أرغب في وضعها في قول 570 ، 590 ، 610 يتم إنشاءها تلقائيًا كمواقع يسارية في قائمة

الآن لكل موضع بداية ونهاية ، الشريط (الصندوق الأخضر) أريد أن يتم رسمه بعرضه المناسب على النحو التالي. لذا قل f هو إزاحة أو موضع البداية و ff إزاحة أو موضع النهاية:

أدناه يرسم المربع الأخضر بناءً على بداية بداية واحدة ونهاية.

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

                    }

أنا أتطلع إلى حلقة من خلال قائمة البوزيتون في القائمة ورسم مربعات خضراء متعددة بناءً على المواضع على الشاشة. يرسم الرمز أعلاه مربعًا أخضر واحد فقط من آخر موقع إزاحة.

Answer 1

موافق،

حتى حلقة من خلال صفيف الخاص بك من f.

كما F و FF هما نفس الطول الذي أعرفه أن الموضع 0 من الصفيف F يتعلق بموقف 0 من صفيف FF.

تقوم حاليًا بوضع div داخل عنصر يسمى Test ثم تطبيق تحديد المواقع المطلقة على عنصر "الاختبار" ثم الفصل.

تغيير الكود قليلاً بدلاً من الاستخدام لغة البرمجة سأستخدم ألحق

ألحق يجب ترك أي رمز قد تكون قد أضفته بالفعل إلى عنصر "الاختبار".

أود أن أميل إلى بناء سمات النمط والفئة بأكملها في هذه المرحلة أيضًا.

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

قد يكون لدي بعض الأخطاء في بناء الجملة آسف عليها