제대로

Question

나는 동적으로 jQuery를 사용하여 사업부를 만드는 오전 한 후 스타일을하기 위해 여기에 클래스를 추가 작동하지 사업부에 클래스를 추가 : borderTaco가 정의

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

는 다음과 같은 스타일이 될 :

요소가 DOM에 제대로 삽입되어 있어도 스타일이 div에 적용되지 않은 것처럼 보입니다. 방화 광에서 요소를 검사 할 때 요소가 올바른 클래스 속성을 가지고 있지만 스타일 규칙이없고 올바르게 표시되지 않는다는 것을 나타냅니다.

Here은 코드의 jsbin입니다.

Answer 1

클래스는 iframe에 사용되는 클래스가이 iframe에 정의되어야하므로.

Answer 2

div가 DOM에 추가 된 후 addClass을 호출 해보십시오.

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

Answer 3

또한 단지 선택의 DIV에 클래스 권한을 추가 할 수 있습니다

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