(مسج) إلحاق عنصر وضع المطلق لعنصر قائمة

Question

ولدي عنصر القائمة التالية التي أريد أن إلحاق زر "تعديل الإعدادات" ل:

<li class="draggableBucketItem ui-state-default" id="bucketItem75" bucketID="2" pageModuleID="75"><span class="spnName">HTML Content</span><li>

وأنا استخدم مسج لإلحاق فترة لعنصر القائمة:

$('#bucketItem75').append('<span class="spnEditModule">Edit Settings</span>');

ويتم وضع ثابت البند قائمة، وعندما كنت انتاج الصفحة يدويا وتشمل فترة في هذا البند القائمة، يتم وضعه بشكل صحيح. ولكن عندما وإضافته مع مسج، فإنه يظهر في أعلى الزاوية اليمنى من الصفحة، خارج عنصر القائمة.

وأنا في عداد المفقودين شيء واضح هنا، لذلك إذا كان أي شخص لديه أفكار، وهذا سيكون محل تقدير كبير.

وشكرا لك،

وكريس هامبتون

ومنسق الويب

وجامعة ولاية كولورادو

وتحرير:

وأعتقد أن هذا من شأنه أن يفعل ذلك (وأنه لا يزال ربما)، ولكن أنا لا تزال تواجه مشكلات. ذهبت "الجمع بين أتش تي أم أل الداخلي 'الطريق، وعندما أكتب أتش تي أم أل عنصر القائمة إلى وحدة التحكم، يبدو الصحيح (يطابق ما أنتج من قانون خدمة بلدي عند تحميل الصفحة):

<span class="spnName">HTML Content</span><span class="spnEditModule">Edit Settings</span>

وهنا يكمن CSS البند

.draggableBucketItem span.spnEditModule{position: absolute; top: 3px; right: 3px; font-weight: bold; color: #fff;}

والطبقة .draggableBucketItem ديها موقف: ثابت. المطبق عليه.

Answer 1

إلحاق () سيضع العمر الجديد بعد العنصر القائمة البند. كنت ترغب في الحصول على أتش تي أم أل عنصر القائمة والجمع بين الأمرين، أو إلحاق فترة موجودة بالفعل داخل عنصر القائمة.

يجب إلحاق للطفل في هذا البند قائمة العمل:

$('#bucketItem75').children().append('<span class="spnEditModule">Edit Settings</span>');

jsbin سبيل المثال