jquery - 为什么这些附加的div会忽略它们的css？

Question

我用jquery附加了一些div。 用css给它们大小和颜色。 然而他们似乎没有接受css？ 如何把一些div放在别人身上

这是我的代码 http://jsfiddle.net/Eqxzz/

Answer 1

#handler的CSS只匹配 id="handler"，而不是id="handlerXX"，您应该使用类和类选择器，如下所示：

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

（注意id上的尾随空格也被删除，有效）还有匹配的CSS：

.handler { /* styles */ }

同样适用于#drag - ＆gt; .drag等等You can test it here。

Answer 2

你没有CSS适用于＃drag1，或＃drag2等。我认为你在这里混合了类和ID。尝试在元素上使用类，并通过该类应用样式。

Answer 3

您需要在课程级别分配CSS。见my fork

Answer 4

我假设你在谈论#drag的css？

我在HTML中看不到#drag元素或用JS生成。

你确实创建了ID以拖拽开头并以数字结尾的元素，但是＃drag1，＃drag2，＃drag3 ..它们都与#drag不同。

#handler也一样。