지금 당장은 많은 드로잉과 많은 클라이언트 측 작업을 수행해야하는 웹 응용 프로그램에서 작업하고 있습니다. 특정 CSS 클래스 및 스타일 특성을 가진 'div'요소 내에서 인라인 SVG를 사용하고 있습니다. 정적 페이지에서 div를로드하면 정상적으로로드되고 모든 것이 예상대로 실행됩니다. 그러나 jQuery를 사용하여 문자열에서 이들을 파싱하고 DOM에 추가 할 때 그렇지 않습니다. CSS 클래스가 완전히 무시되는 것과 같습니다.다이나믹 대 정적으로로드 된 CSS가있는 CSS 클래스
Firebug에서 다른 경우에 요소를 검사 할 때 예기치 않은 결과가 발생합니다. 동적으로 생성 된 요소와 마찬가지로 정적으로 추가 된 요소에 예상 클래스 이름 인 'class1 class2 class3'이 있습니다. 그러나 정적으로 생성 된 요소에는 'class1', 'class2'및 'class3'의 세 요소가 포함 된 배열 인 'classList'속성도 있습니다. 동적으로 생성 된 요소의 경우이 속성은 null입니다. 정적으로 생성 된 요소는 동적으로 생성 된 요소가 CSS를 전혀 적용하지 않는 것처럼 보이는 반면 CSS를 사용하여 잘 작동합니다 (모든 호버, 드래그 가능 등을 가져옵니다). 누군가가 'classList'가 무엇인지, 왜 존재하는지, 왜 요소 들간의 차이가 존재하는지 설명해 주실 수 있습니까?
classList는 편의 속성입니다. https://developer.mozilla.org/en/DOM/element.classList – hellslam
어쨌든 jQuery 동적 코드 예제를 게시 할 수 있습니까? –
jsfiddle.net 데모가 좋습니다. –