jquery - 为什么这些附加的div忽略他们的CSS？

Question

我正在用jquery附加一些div。 并给他们的大小和颜色与CSS。 然而，他们似乎并没有拿起在CSS？ 怎么可以放一些的div内其他

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

Answer 1

您的#handler比赛只有id="handler"，不id="handlerXX"，你应该使用类和类选择，而不是像CSS这样的：

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

（请注意：id尾随空间也将被删除，是有效的），还与匹配CSS：

.handler { /* styles */ } 

这同样适用于#drag - >.drag等You can test it here。

Answer 2

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

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

你做的创建，其ID与阻力开始，以数字结束的元素，但＃drag1，＃drag2，＃drag3 ..他们都比#drag不同。

#handler也一样。

Answer 3

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

Answer 4

您需要在课堂级别指定您的CSS。见my fork