将类添加到div无法正常工作

Question

我使用jQuery动态创建一个div，然后为它添加一个类来设置样式：

var borderDiv = $('<div />').addClass('borderTaco');
// add borderDiv to the DOM...

其中borderTaco定义为以下样式：

.borderTaco {
  background-color : #cde;
  z-index : 1;
  height : 100%;
}

即使元素正确插入DOM，样式似乎也不会应用于div。当我检查firebug中的元素时，它表示该元素确实具有正确的类属性，但它没有样式规则并且没有正确显示。

Here是代码的jsbin。

Answer 1

将div添加到DOM后尝试调用addClass。

var borderDiv = $('<div />');
// add to DOM
borderDiv.addClass('borderTaco');

Answer 2

您的课程在iframe中使用，因此应在此iframe中定义该课程。

Answer 3

您也可以将类右侧添加到选择器中的div：

$('<div class="borderTaco" />').appendTo('body');