Почему эти добавленные div игнорируют их CSS?

Question

Я добавляю некоторые div с помощью jquery. И дал им размер и цвет с помощью CSS. Однако они, кажется, не подхватывают css? И как можно поместить некоторые из div внутри других

Вот мой код http://jsfiddle.net/Eqxzz/

Answer 1

Ваш CSS для #handler соответствует только id="handler", а не id="handlerXX", вместо этого следует использовать класс и селектор класса, например:

'<div id="handler' + (counter) + '" class="handler">' + '</div>'

(Обратите внимание, что завершающий пробел на id также удален, чтобы быть действительным) Также с соответствующим CSS:

.handler { /* styles */ }

То же самое относится к #drag -> .drag и т. Д. Выможете проверить это здесь .

Answer 2

вам нужно назначить свой CSS на уровне класса. см моя вилка

Answer 3

У вас нет CSS, применяемого к # drag1, или # drag2 и т. Д. Я думаю, что у вас здесь смешаны классы и идентификаторыПопробуйте использовать класс для ваших элементов и применить стиль через этот класс.

Answer 4

Я предполагаю, что вы говорите о css для #drag?

Я не вижу элемента #drag в вашем HTML или создается с помощью JS.

Вы создаете элементы, ID которых начинается с перетаскивания.и заканчивается числом, но # drag1, # drag2, # drag3 .. все они отличаются от # drag.

То же самое относится к обработчику #.